#1D4ED8
Color Name
Royal Blue
rgb(29, 78, 216)•hsl(224, 76%, 48%)•Lum 0.107
HEX#1D4ED8
RGBrgb(29, 78, 216)
HSLhsl(224, 76%, 48%)
HSVhsv(224, 87%, 85%)
CMYKcmyk(87%, 64%, 0%, 15%)
CSS Variable--color-primary: #1D4ED8;
CSS Backgroundbackground-color: #1D4ED8;
Color Harmonies
Classic color wheel theory relationships derived from #1D4ED8. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#1A45C0
11% Dark#173DA8
22% Dark#133490
33% Dark#102B78
44% Dark#0D2360
56% Dark#0A1A48
67% Dark#061130
78% Dark#030918
89% DarkTints (Mixing with White)
#3662DC
11% Light#4F75E1
22% Light#6889E5
33% Light#819DE9
44% Light#9BB0EE
56% Light#B4C4F2
67% Light#CDD8F6
78% Light#E6EBFB
89% LightKeep Designing
Use #1D4ED8 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.