HEX #335497 color — Sapphire
The color #335497 is a dark shade and moderately saturated.
Palette
335497 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf0f9 |
rgb(236,240,249) |
hsl(220,50%,95%) |
| #d9e1f2 |
rgb(217,225,242) |
hsl(220,50%,90%) |
| #c6d2ec |
rgb(198,210,236) |
hsl(220,50%,85%) |
| #b3c4e6 |
rgb(179,196,230) |
hsl(220,50%,80%) |
| #9fb5df |
rgb(159,181,223) |
hsl(220,50%,75%) |
| #8ca6d9 |
rgb(140,166,217) |
hsl(220,50%,70%) |
| #7997d2 |
rgb(121,151,210) |
hsl(220,50%,65%) |
| #6688cc |
rgb(102,136,204) |
hsl(220,50%,60%) |
| #5379c6 |
rgb(83,121,198) |
hsl(220,50%,55%) |
| #406abf |
rgb(64,106,191) |
hsl(220,50%,50%) |
| #3960ac |
rgb(57,96,172) |
hsl(220,50%,45%) |
| #335599 |
rgb(51,85,153) |
hsl(220,50%,40%) |
| #2d4a86 |
rgb(45,74,134) |
hsl(220,50%,35%) |
| #264073 |
rgb(38,64,115) |
hsl(220,50%,30%) |
| #203560 |
rgb(32,53,96) |
hsl(220,50%,25%) |
| #1a2b4d |
rgb(26,43,77) |
hsl(220,50%,20%) |
| #132039 |
rgb(19,32,57) |
hsl(220,50%,15%) |
| #0d1526 |
rgb(13,21,38) |
hsl(220,50%,10%) |
| #060b13 |
rgb(6,11,19) |
hsl(220,50%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #339697 |
rgb(51,150,151) |
hsl(181,50%,40%) |
| #335497 |
rgb(51,84,151) |
hsl(220,50%,40%) |
| #543397 |
rgb(84,51,151) |
hsl(260,50%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B61AF |
rgb(59,97,175) |
hsl(220,50%,46%) |
| #335497 |
rgb(51,84,151) |
hsl(220,50%,40%) |
| #2A477E |
rgb(42,71,126) |
hsl(219,50%,33%) |
| #223866 |
rgb(34,56,102) |
hsl(221,50%,27%) |
| #1A2B4E |
rgb(26,43,78) |
hsl(220,50%,20%) |
| #121F36 |
rgb(18,31,54) |
hsl(218,50%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335497 |
rgb(51,84,151) |
hsl(220,50%,40%) |
| #974533 |
rgb(151,69,51) |
hsl(11,50%,40%) |
| #869633 |
rgb(134,150,51) |
hsl(70,49%,39%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335497 |
rgb(51,84,151) |
hsl(220,50%,40%) |
| #977533 |
rgb(151,117,51) |
hsl(40,50%,40%) |
| #338797 |
rgb(51,135,151) |
hsl(190,50%,40%) |
| #869633 |
rgb(134,150,51) |
hsl(70,49%,39%) |
