HEX #334B99 color — Sapphire
The color #334b99 is a dark shade and moderately saturated.
Palette
334b99 color palette from light to dark
HEX |
RGB |
HSL |
#eceff9 |
rgb(236,239,249) |
hsl(226,50%,95%) |
#d9dff2 |
rgb(217,223,242) |
hsl(226,50%,90%) |
#c6cfec |
rgb(198,207,236) |
hsl(226,50%,85%) |
#b3bee6 |
rgb(179,190,230) |
hsl(226,50%,80%) |
#9faedf |
rgb(159,174,223) |
hsl(226,50%,75%) |
#8c9ed9 |
rgb(140,158,217) |
hsl(226,50%,70%) |
#798ed2 |
rgb(121,142,210) |
hsl(226,50%,65%) |
#667ecc |
rgb(102,126,204) |
hsl(226,50%,60%) |
#536ec6 |
rgb(83,110,198) |
hsl(226,50%,55%) |
#405ebf |
rgb(64,94,191) |
hsl(226,50%,50%) |
#3954ac |
rgb(57,84,172) |
hsl(226,50%,45%) |
#334b99 |
rgb(51,75,153) |
hsl(226,50%,40%) |
#2d4186 |
rgb(45,65,134) |
hsl(226,50%,35%) |
#263873 |
rgb(38,56,115) |
hsl(226,50%,30%) |
#202f60 |
rgb(32,47,96) |
hsl(226,50%,25%) |
#1a254d |
rgb(26,37,77) |
hsl(226,50%,20%) |
#131c39 |
rgb(19,28,57) |
hsl(226,50%,15%) |
#0d1326 |
rgb(13,19,38) |
hsl(226,50%,10%) |
#060913 |
rgb(6,9,19) |
hsl(226,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#338F99 |
rgb(51,143,153) |
hsl(186,50%,40%) |
#334B99 |
rgb(51,75,153) |
hsl(226,50%,40%) |
#5F3399 |
rgb(95,51,153) |
hsl(266,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A66C2 |
rgb(74,102,194) |
hsl(226,50%,53%) |
#3B57B1 |
rgb(59,87,177) |
hsl(226,50%,46%) |
#334B99 |
rgb(51,75,153) |
hsl(226,50%,40%) |
#2A4080 |
rgb(42,64,128) |
hsl(225,51%,33%) |
#223368 |
rgb(34,51,104) |
hsl(225,51%,27%) |
#1A264F |
rgb(26,38,79) |
hsl(226,50%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#334B99 |
rgb(51,75,153) |
hsl(226,50%,40%) |
#994F33 |
rgb(153,79,51) |
hsl(16,50%,40%) |
#7E9933 |
rgb(126,153,51) |
hsl(76,50%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334B99 |
rgb(51,75,153) |
hsl(226,50%,40%) |
#998233 |
rgb(153,130,51) |
hsl(46,50%,40%) |
#337D99 |
rgb(51,125,153) |
hsl(196,50%,40%) |
#7E9933 |
rgb(126,153,51) |
hsl(76,50%,40%) |