HEX #334E99 color — Sapphire
The color #334e99 is a dark shade and moderately saturated.
Palette
334e99 color palette from light to dark
HEX |
RGB |
HSL |
#eceff9 |
rgb(236,239,249) |
hsl(224,50%,95%) |
#d9e0f2 |
rgb(217,224,242) |
hsl(224,50%,90%) |
#c6d0ec |
rgb(198,208,236) |
hsl(224,50%,85%) |
#b3c0e6 |
rgb(179,192,230) |
hsl(224,50%,80%) |
#9fb0df |
rgb(159,176,223) |
hsl(224,50%,75%) |
#8ca1d9 |
rgb(140,161,217) |
hsl(224,50%,70%) |
#7991d2 |
rgb(121,145,210) |
hsl(224,50%,65%) |
#6681cc |
rgb(102,129,204) |
hsl(224,50%,60%) |
#5371c6 |
rgb(83,113,198) |
hsl(224,50%,55%) |
#4062bf |
rgb(64,98,191) |
hsl(224,50%,50%) |
#3958ac |
rgb(57,88,172) |
hsl(224,50%,45%) |
#334e99 |
rgb(51,78,153) |
hsl(224,50%,40%) |
#2d4486 |
rgb(45,68,134) |
hsl(224,50%,35%) |
#263b73 |
rgb(38,59,115) |
hsl(224,50%,30%) |
#203160 |
rgb(32,49,96) |
hsl(224,50%,25%) |
#1a274d |
rgb(26,39,77) |
hsl(224,50%,20%) |
#131d39 |
rgb(19,29,57) |
hsl(224,50%,15%) |
#0d1426 |
rgb(13,20,38) |
hsl(224,50%,10%) |
#060a13 |
rgb(6,10,19) |
hsl(224,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#339199 |
rgb(51,145,153) |
hsl(185,50%,40%) |
#334E99 |
rgb(51,78,153) |
hsl(224,50%,40%) |
#5C3399 |
rgb(92,51,153) |
hsl(264,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A6BC2 |
rgb(74,107,194) |
hsl(224,50%,53%) |
#3B59B1 |
rgb(59,89,177) |
hsl(225,50%,46%) |
#334E99 |
rgb(51,78,153) |
hsl(224,50%,40%) |
#2A4280 |
rgb(42,66,128) |
hsl(223,51%,33%) |
#223668 |
rgb(34,54,104) |
hsl(223,51%,27%) |
#1A294F |
rgb(26,41,79) |
hsl(223,50%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#334E99 |
rgb(51,78,153) |
hsl(224,50%,40%) |
#994A33 |
rgb(153,74,51) |
hsl(14,50%,40%) |
#819933 |
rgb(129,153,51) |
hsl(74,50%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334E99 |
rgb(51,78,153) |
hsl(224,50%,40%) |
#997D33 |
rgb(153,125,51) |
hsl(44,50%,40%) |
#338299 |
rgb(51,130,153) |
hsl(194,50%,40%) |
#819933 |
rgb(129,153,51) |
hsl(74,50%,40%) |