Navy0, 0, 128
HEX Color Picker
Adjust hue, saturation, and brightness — or type HEX/RGB. Get live codes, closest color name, harmony, and contrast in one professional picker.
Royal Blue
#4169E1rgb(65, 105, 225) · hsl(225, 73%, 57%)Royal Blue
KDF-C-04286945
Popular colors
Seeded favorites, ranked higher as you copy and select locally.
Color library
Showing 36 of ~474 matches. Curated quality library — not millions of random shades.
Color harmony
Generated from the selected color — complementary, analogous, triadic, and more.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Monochromatic
Contrast check
Selected color as text on a background.
Ready-made palettes
Ocean, sunset, luxury, e-commerce, dark mode, and more — copy any role.
Ocean
Calm blues and teal accents for travel, wellness, and SaaS UIs.
- Primary
- Secondary
- Accent
- Background
- Text
Sunset
Warm orange-to-rose gradients for lifestyle and e-commerce heroes.
- Primary
- Secondary
- Accent
- Background
- Text
Nature
Forest greens and soft moss for eco brands and outdoor products.
- Primary
- Secondary
- Accent
- Background
- Text
Luxury
Charcoal, champagne, and rose gold for premium branding.
- Primary
- Secondary
- Accent
- Background
- Text
Minimal
Neutral surfaces with a single sharp accent for clean product UI.
- Primary
- Secondary
- Accent
- Background
- Text
Corporate
Trust-building navy and steel for B2B and finance sites.
- Primary
- Secondary
- Accent
- Background
- Text
Modern
Violet accents on cool neutrals for modern product marketing.
- Primary
- Secondary
- Accent
- Background
- Text
Pastel Soft
Gentle pastel set for kids, wellness, and soft branding.
- Primary
- Secondary
- Accent
- Background
- Text
Dark Mode
Accessible dark surfaces with luminous accents.
- Primary
- Secondary
- Accent
- Background
- Text
E-commerce
Conversion-friendly CTA colors on clean product pages.
- Primary
- Secondary
- Accent
- Background
- Text
Social Media
Bold social-friendly hues for thumbnails and brand kits.
- Primary
- Secondary
- Accent
- Background
- Text
Website
Balanced web palette for marketing landing pages.
- Primary
- Secondary
- Accent
- Background
- Text
How this color picker works
Move the hue, saturation, and brightness controls or paste a HEX value. The tool recalculates RGB, HSL, HSV, and CMYK in your browser — no account required. Search the curated library for navy, pastel pink, gold, and designer UI colors.