HEX #334D99 color — Sapphire
The color #334d99 is a dark shade and moderately saturated.
Palette
334d99 color palette from light to dark
HEX |
RGB |
HSL |
#eceff9 |
rgb(236,239,249) |
hsl(225,50%,95%) |
#d9dff2 |
rgb(217,223,242) |
hsl(225,50%,90%) |
#c6cfec |
rgb(198,207,236) |
hsl(225,50%,85%) |
#b3bfe6 |
rgb(179,191,230) |
hsl(225,50%,80%) |
#9fafdf |
rgb(159,175,223) |
hsl(225,50%,75%) |
#8c9fd9 |
rgb(140,159,217) |
hsl(225,50%,70%) |
#798fd2 |
rgb(121,143,210) |
hsl(225,50%,65%) |
#6680cc |
rgb(102,128,204) |
hsl(225,50%,60%) |
#5370c6 |
rgb(83,112,198) |
hsl(225,50%,55%) |
#4060bf |
rgb(64,96,191) |
hsl(225,50%,50%) |
#3956ac |
rgb(57,86,172) |
hsl(225,50%,45%) |
#334d99 |
rgb(51,77,153) |
hsl(225,50%,40%) |
#2d4386 |
rgb(45,67,134) |
hsl(225,50%,35%) |
#263973 |
rgb(38,57,115) |
hsl(225,50%,30%) |
#203060 |
rgb(32,48,96) |
hsl(225,50%,25%) |
#1a264d |
rgb(26,38,77) |
hsl(225,50%,20%) |
#131d39 |
rgb(19,29,57) |
hsl(225,50%,15%) |
#0d1326 |
rgb(13,19,38) |
hsl(225,50%,10%) |
#060a13 |
rgb(6,10,19) |
hsl(225,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#339199 |
rgb(51,145,153) |
hsl(185,50%,40%) |
#334D99 |
rgb(51,77,153) |
hsl(225,50%,40%) |
#5D3399 |
rgb(93,51,153) |
hsl(265,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A69C2 |
rgb(74,105,194) |
hsl(225,50%,53%) |
#3B59B1 |
rgb(59,89,177) |
hsl(225,50%,46%) |
#334D99 |
rgb(51,77,153) |
hsl(225,50%,40%) |
#2A4080 |
rgb(42,64,128) |
hsl(225,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 |
#334D99 |
rgb(51,77,153) |
hsl(225,50%,40%) |
#994D33 |
rgb(153,77,51) |
hsl(15,50%,40%) |
#809933 |
rgb(128,153,51) |
hsl(75,50%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334D99 |
rgb(51,77,153) |
hsl(225,50%,40%) |
#998033 |
rgb(153,128,51) |
hsl(45,50%,40%) |
#338099 |
rgb(51,128,153) |
hsl(195,50%,40%) |
#809933 |
rgb(128,153,51) |
hsl(75,50%,40%) |