HEX #336B98 color — Calypso
The color #336B98 is a dark shade and moderately saturated.
Palette
336B98 color palette from light to dark
HEX |
RGB |
HSL |
#ecf3f9 |
rgb(236,243,249) |
hsl(207,50%,95%) |
#d9e7f2 |
rgb(217,231,242) |
hsl(207,50%,90%) |
#c6dbec |
rgb(198,219,236) |
hsl(207,50%,85%) |
#b3cfe6 |
rgb(179,207,230) |
hsl(207,50%,80%) |
#9fc2df |
rgb(159,194,223) |
hsl(207,50%,75%) |
#8cb6d9 |
rgb(140,182,217) |
hsl(207,50%,70%) |
#79aad2 |
rgb(121,170,210) |
hsl(207,50%,65%) |
#669ecc |
rgb(102,158,204) |
hsl(207,50%,60%) |
#5392c6 |
rgb(83,146,198) |
hsl(207,50%,55%) |
#4086bf |
rgb(64,134,191) |
hsl(207,50%,50%) |
#3978ac |
rgb(57,120,172) |
hsl(207,50%,45%) |
#336b99 |
rgb(51,107,153) |
hsl(207,50%,40%) |
#2d5e86 |
rgb(45,94,134) |
hsl(207,50%,35%) |
#265073 |
rgb(38,80,115) |
hsl(207,50%,30%) |
#204360 |
rgb(32,67,96) |
hsl(207,50%,25%) |
#1a364d |
rgb(26,54,77) |
hsl(207,50%,20%) |
#132839 |
rgb(19,40,57) |
hsl(207,50%,15%) |
#0d1b26 |
rgb(13,27,38) |
hsl(207,50%,10%) |
#060d13 |
rgb(6,13,19) |
hsl(207,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#339981 |
rgb(51,153,129) |
hsl(166,50%,40%) |
#336B98 |
rgb(51,107,152) |
hsl(207,50%,40%) |
#3E3398 |
rgb(62,51,152) |
hsl(247,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7DB0 |
rgb(59,125,176) |
hsl(206,50%,46%) |
#336B98 |
rgb(51,107,152) |
hsl(207,50%,40%) |
#2A597F |
rgb(42,89,127) |
hsl(207,50%,33%) |
#224A67 |
rgb(34,74,103) |
hsl(205,50%,27%) |
#1A384F |
rgb(26,56,79) |
hsl(206,50%,21%) |
#122636 |
rgb(18,38,54) |
hsl(207,50%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B98 |
rgb(51,107,152) |
hsl(207,50%,40%) |
#983338 |
rgb(152,51,56) |
hsl(357,50%,40%) |
#989133 |
rgb(152,145,51) |
hsl(56,50%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B98 |
rgb(51,107,152) |
hsl(207,50%,40%) |
#986133 |
rgb(152,97,51) |
hsl(27,50%,40%) |
#339992 |
rgb(51,153,146) |
hsl(176,50%,40%) |
#989133 |
rgb(152,145,51) |
hsl(56,50%,40%) |