HEX #336B8A color — Calypso
The color #336b8a is a dark shade and moderately saturated.
Palette
336b8a color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(201,46%,97%) |
#e1edf4 |
rgb(225,237,244) |
hsl(201,46%,92%) |
#cfe2ed |
rgb(207,226,237) |
hsl(201,46%,87%) |
#bcd7e6 |
rgb(188,215,230) |
hsl(201,46%,82%) |
#a9ccdf |
rgb(169,204,223) |
hsl(201,46%,77%) |
#97c1d8 |
rgb(151,193,216) |
hsl(201,46%,72%) |
#84b6d2 |
rgb(132,182,210) |
hsl(201,46%,67%) |
#72abcb |
rgb(114,171,203) |
hsl(201,46%,62%) |
#5fa0c4 |
rgb(95,160,196) |
hsl(201,46%,57%) |
#4c95bd |
rgb(76,149,189) |
hsl(201,46%,52%) |
#4188af |
rgb(65,136,175) |
hsl(201,46%,47%) |
#3a7a9c |
rgb(58,122,156) |
hsl(201,46%,42%) |
#336b8a |
rgb(51,107,138) |
hsl(201,46%,37%) |
#2c5d77 |
rgb(44,93,119) |
hsl(201,46%,32%) |
#254e65 |
rgb(37,78,101) |
hsl(201,46%,27%) |
#1e4052 |
rgb(30,64,82) |
hsl(201,46%,22%) |
#17313f |
rgb(23,49,63) |
hsl(201,46%,17%) |
#11232d |
rgb(17,35,45) |
hsl(201,46%,12%) |
#0a141a |
rgb(10,20,26) |
hsl(201,46%,7%) |
#030607 |
rgb(3,6,7) |
hsl(201,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338A6F |
rgb(51,138,111) |
hsl(161,46%,37%) |
#336B8A |
rgb(51,107,138) |
hsl(201,46%,37%) |
#35338A |
rgb(53,51,138) |
hsl(241,46%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7DA0 |
rgb(59,125,160) |
hsl(201,46%,43%) |
#336B8A |
rgb(51,107,138) |
hsl(201,46%,37%) |
#2A5973 |
rgb(42,89,115) |
hsl(201,46%,31%) |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#1A3847 |
rgb(26,56,71) |
hsl(200,46%,19%) |
#122631 |
rgb(18,38,49) |
hsl(201,46%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B8A |
rgb(51,107,138) |
hsl(201,46%,37%) |
#8A333F |
rgb(138,51,63) |
hsl(352,46%,37%) |
#8A7D33 |
rgb(138,125,51) |
hsl(51,46%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B8A |
rgb(51,107,138) |
hsl(201,46%,37%) |
#8A5233 |
rgb(138,82,51) |
hsl(21,46%,37%) |
#338A7D |
rgb(51,138,125) |
hsl(171,46%,37%) |
#8A7D33 |
rgb(138,125,51) |
hsl(51,46%,37%) |