HEX #336E99 color — Calypso
The color #336E99 is a dark shade and moderately saturated.
Palette
336E99 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf3f9 |
rgb(236,243,249) |
hsl(205,50%,95%) |
| #d9e8f2 |
rgb(217,232,242) |
hsl(205,50%,90%) |
| #c6dcec |
rgb(198,220,236) |
hsl(205,50%,85%) |
| #b3d0e6 |
rgb(179,208,230) |
hsl(205,50%,80%) |
| #9fc5df |
rgb(159,197,223) |
hsl(205,50%,75%) |
| #8cb9d9 |
rgb(140,185,217) |
hsl(205,50%,70%) |
| #79add2 |
rgb(121,173,210) |
hsl(205,50%,65%) |
| #66a2cc |
rgb(102,162,204) |
hsl(205,50%,60%) |
| #5396c6 |
rgb(83,150,198) |
hsl(205,50%,55%) |
| #408abf |
rgb(64,138,191) |
hsl(205,50%,50%) |
| #397cac |
rgb(57,124,172) |
hsl(205,50%,45%) |
| #336f99 |
rgb(51,111,153) |
hsl(205,50%,40%) |
| #2d6186 |
rgb(45,97,134) |
hsl(205,50%,35%) |
| #265373 |
rgb(38,83,115) |
hsl(205,50%,30%) |
| #204560 |
rgb(32,69,96) |
hsl(205,50%,25%) |
| #1a374d |
rgb(26,55,77) |
hsl(205,50%,20%) |
| #132939 |
rgb(19,41,57) |
hsl(205,50%,15%) |
| #0d1c26 |
rgb(13,28,38) |
hsl(205,50%,10%) |
| #060e13 |
rgb(6,14,19) |
hsl(205,50%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #339980 |
rgb(51,153,128) |
hsl(165,50%,40%) |
| #336E99 |
rgb(51,110,153) |
hsl(205,50%,40%) |
| #3C3399 |
rgb(60,51,153) |
hsl(245,50%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4A91C2 |
rgb(74,145,194) |
hsl(205,50%,53%) |
| #3B80B1 |
rgb(59,128,177) |
hsl(205,50%,46%) |
| #336E99 |
rgb(51,110,153) |
hsl(205,50%,40%) |
| #2A5C80 |
rgb(42,92,128) |
hsl(205,51%,33%) |
| #224A68 |
rgb(34,74,104) |
hsl(206,51%,27%) |
| #1A384F |
rgb(26,56,79) |
hsl(206,50%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336E99 |
rgb(51,110,153) |
hsl(205,50%,40%) |
| #99333B |
rgb(153,51,59) |
hsl(355,50%,40%) |
| #999133 |
rgb(153,145,51) |
hsl(55,50%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336E99 |
rgb(51,110,153) |
hsl(205,50%,40%) |
| #995E33 |
rgb(153,94,51) |
hsl(25,50%,40%) |
| #339991 |
rgb(51,153,145) |
hsl(175,50%,40%) |
| #999133 |
rgb(153,145,51) |
hsl(55,50%,40%) |
