HEX #334797 color — Sapphire
The color #334797 is a dark shade and moderately saturated.
Palette
334797 color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(228,50%,95%) |
#d9def2 |
rgb(217,222,242) |
hsl(228,50%,90%) |
#c6cdec |
rgb(198,205,236) |
hsl(228,50%,85%) |
#b3bde6 |
rgb(179,189,230) |
hsl(228,50%,80%) |
#9facdf |
rgb(159,172,223) |
hsl(228,50%,75%) |
#8c9cd9 |
rgb(140,156,217) |
hsl(228,50%,70%) |
#798bd2 |
rgb(121,139,210) |
hsl(228,50%,65%) |
#667acc |
rgb(102,122,204) |
hsl(228,50%,60%) |
#536ac6 |
rgb(83,106,198) |
hsl(228,50%,55%) |
#4059bf |
rgb(64,89,191) |
hsl(228,50%,50%) |
#3950ac |
rgb(57,80,172) |
hsl(228,50%,45%) |
#334799 |
rgb(51,71,153) |
hsl(228,50%,40%) |
#2d3e86 |
rgb(45,62,134) |
hsl(228,50%,35%) |
#263673 |
rgb(38,54,115) |
hsl(228,50%,30%) |
#202d60 |
rgb(32,45,96) |
hsl(228,50%,25%) |
#1a244d |
rgb(26,36,77) |
hsl(228,50%,20%) |
#131b39 |
rgb(19,27,57) |
hsl(228,50%,15%) |
#0d1226 |
rgb(13,18,38) |
hsl(228,50%,10%) |
#060913 |
rgb(6,9,19) |
hsl(228,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#338A97 |
rgb(51,138,151) |
hsl(188,50%,40%) |
#334797 |
rgb(51,71,151) |
hsl(228,50%,40%) |
#613397 |
rgb(97,51,151) |
hsl(268,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B52AF |
rgb(59,82,175) |
hsl(228,50%,46%) |
#334797 |
rgb(51,71,151) |
hsl(228,50%,40%) |
#2A3B7E |
rgb(42,59,126) |
hsl(228,50%,33%) |
#223066 |
rgb(34,48,102) |
hsl(228,50%,27%) |
#1A244E |
rgb(26,36,78) |
hsl(228,50%,20%) |
#121A36 |
rgb(18,26,54) |
hsl(227,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#334797 |
rgb(51,71,151) |
hsl(228,50%,40%) |
#975233 |
rgb(151,82,51) |
hsl(19,50%,40%) |
#799633 |
rgb(121,150,51) |
hsl(78,49%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334797 |
rgb(51,71,151) |
hsl(228,50%,40%) |
#978233 |
rgb(151,130,51) |
hsl(47,50%,40%) |
#337897 |
rgb(51,120,151) |
hsl(199,50%,40%) |
#799633 |
rgb(121,150,51) |
hsl(78,49%,39%) |