#3357FF
Color Name
Royal Blue
rgb(51, 87, 255)•hsl(229, 100%, 60%)•Lum 0.147
HEX#3357FF
RGBrgb(51, 87, 255)
HSLhsl(229, 100%, 60%)
HSVhsv(229, 80%, 100%)
CMYKcmyk(80%, 66%, 0%, 0%)
CSS Variable--color-primary: #3357FF;
CSS Backgroundbackground-color: #3357FF;
Color Harmonies
Classic color wheel theory relationships derived from #3357FF. 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)
#2D4DE3
11% Dark#2844C6
22% Dark#223AAA
33% Dark#1C308E
44% Dark#172771
56% Dark#111D55
67% Dark#0B1339
78% Dark#060A1C
89% DarkTints (Mixing with White)
#4A6AFF
11% Light#607CFF
22% Light#778FFF
33% Light#8EA2FF
44% Light#A4B4FF
56% Light#BBC7FF
67% Light#D2DAFF
78% Light#E8ECFF
89% LightKeep Designing
Use #3357FF Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.