HEX #334499 color — Sapphire
The color #334499 is a dark shade and moderately saturated.
Palette
334499 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceef9 |
rgb(236,238,249) |
hsl(230,50%,95%) |
| #d9ddf2 |
rgb(217,221,242) |
hsl(230,50%,90%) |
| #c6ccec |
rgb(198,204,236) |
hsl(230,50%,85%) |
| #b3bbe6 |
rgb(179,187,230) |
hsl(230,50%,80%) |
| #9faadf |
rgb(159,170,223) |
hsl(230,50%,75%) |
| #8c99d9 |
rgb(140,153,217) |
hsl(230,50%,70%) |
| #7988d2 |
rgb(121,136,210) |
hsl(230,50%,65%) |
| #6677cc |
rgb(102,119,204) |
hsl(230,50%,60%) |
| #5366c6 |
rgb(83,102,198) |
hsl(230,50%,55%) |
| #4055bf |
rgb(64,85,191) |
hsl(230,50%,50%) |
| #394dac |
rgb(57,77,172) |
hsl(230,50%,45%) |
| #334499 |
rgb(51,68,153) |
hsl(230,50%,40%) |
| #2d3c86 |
rgb(45,60,134) |
hsl(230,50%,35%) |
| #263373 |
rgb(38,51,115) |
hsl(230,50%,30%) |
| #202b60 |
rgb(32,43,96) |
hsl(230,50%,25%) |
| #1a224d |
rgb(26,34,77) |
hsl(230,50%,20%) |
| #131a39 |
rgb(19,26,57) |
hsl(230,50%,15%) |
| #0d1126 |
rgb(13,17,38) |
hsl(230,50%,10%) |
| #060913 |
rgb(6,9,19) |
hsl(230,50%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #338799 |
rgb(51,135,153) |
hsl(191,50%,40%) |
| #334499 |
rgb(51,68,153) |
hsl(230,50%,40%) |
| #663399 |
rgb(102,51,153) |
hsl(270,50%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4A5EC2 |
rgb(74,94,194) |
hsl(230,50%,53%) |
| #3B4FB1 |
rgb(59,79,177) |
hsl(230,50%,46%) |
| #334499 |
rgb(51,68,153) |
hsl(230,50%,40%) |
| #2A3880 |
rgb(42,56,128) |
hsl(230,51%,33%) |
| #222E68 |
rgb(34,46,104) |
hsl(230,51%,27%) |
| #1A244F |
rgb(26,36,79) |
hsl(229,50%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #334499 |
rgb(51,68,153) |
hsl(230,50%,40%) |
| #995433 |
rgb(153,84,51) |
hsl(19,50%,40%) |
| #779933 |
rgb(119,153,51) |
hsl(80,50%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #334499 |
rgb(51,68,153) |
hsl(230,50%,40%) |
| #998733 |
rgb(153,135,51) |
hsl(49,50%,40%) |
| #337899 |
rgb(51,120,153) |
hsl(199,50%,40%) |
| #779933 |
rgb(119,153,51) |
hsl(80,50%,40%) |
