HEX #336B9A color — Calypso
The color #336B9A is a dark shade and moderately saturated.
Palette
336B9A 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 |
#339984 |
rgb(51,153,132) |
hsl(168,50%,40%) |
#336B9A |
rgb(51,107,154) |
hsl(207,50%,40%) |
#3F339A |
rgb(63,51,154) |
hsl(247,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B8CC3 |
rgb(75,140,195) |
hsl(208,50%,53%) |
#3B7DB2 |
rgb(59,125,178) |
hsl(207,50%,46%) |
#336B9A |
rgb(51,107,154) |
hsl(207,50%,40%) |
#2A5981 |
rgb(42,89,129) |
hsl(208,51%,34%) |
#224A68 |
rgb(34,74,104) |
hsl(206,51%,27%) |
#1A3850 |
rgb(26,56,80) |
hsl(207,51%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B9A |
rgb(51,107,154) |
hsl(207,50%,40%) |
#9A3337 |
rgb(154,51,55) |
hsl(358,50%,40%) |
#9A9633 |
rgb(154,150,51) |
hsl(58,50%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B9A |
rgb(51,107,154) |
hsl(207,50%,40%) |
#9A6133 |
rgb(154,97,51) |
hsl(27,50%,40%) |
#339995 |
rgb(51,153,149) |
hsl(178,50%,40%) |
#9A9633 |
rgb(154,150,51) |
hsl(58,50%,40%) |