HEX #336988 color — Calypso
The color #336988 is a dark shade and moderately saturated.
Palette
336988 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(202,45%,97%) |
#e1edf4 |
rgb(225,237,244) |
hsl(202,45%,92%) |
#cfe2ed |
rgb(207,226,237) |
hsl(202,45%,87%) |
#bcd7e6 |
rgb(188,215,230) |
hsl(202,45%,82%) |
#aacbdf |
rgb(170,203,223) |
hsl(202,45%,77%) |
#97c0d8 |
rgb(151,192,216) |
hsl(202,45%,72%) |
#85b5d1 |
rgb(133,181,209) |
hsl(202,45%,67%) |
#72aaca |
rgb(114,170,202) |
hsl(202,45%,62%) |
#609fc3 |
rgb(96,159,195) |
hsl(202,45%,57%) |
#4e93bc |
rgb(78,147,188) |
hsl(202,45%,52%) |
#4286ae |
rgb(66,134,174) |
hsl(202,45%,47%) |
#3b789b |
rgb(59,120,155) |
hsl(202,45%,42%) |
#346a89 |
rgb(52,106,137) |
hsl(202,45%,37%) |
#2d5b76 |
rgb(45,91,118) |
hsl(202,45%,32%) |
#264d64 |
rgb(38,77,100) |
hsl(202,45%,27%) |
#1f3f51 |
rgb(31,63,81) |
hsl(202,45%,22%) |
#18313f |
rgb(24,49,63) |
hsl(202,45%,17%) |
#11222c |
rgb(17,34,44) |
hsl(202,45%,12%) |
#0a141a |
rgb(10,20,26) |
hsl(202,45%,7%) |
#030607 |
rgb(3,6,7) |
hsl(202,45%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33876E |
rgb(51,135,110) |
hsl(162,45%,36%) |
#336988 |
rgb(51,105,136) |
hsl(202,45%,37%) |
#353388 |
rgb(53,51,136) |
hsl(241,45%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7A9D |
rgb(59,122,157) |
hsl(201,45%,42%) |
#336988 |
rgb(51,105,136) |
hsl(202,45%,37%) |
#2A5972 |
rgb(42,89,114) |
hsl(201,46%,31%) |
#22475C |
rgb(34,71,92) |
hsl(202,46%,25%) |
#1A3646 |
rgb(26,54,70) |
hsl(202,46%,19%) |
#122630 |
rgb(18,38,48) |
hsl(200,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336988 |
rgb(51,105,136) |
hsl(202,45%,37%) |
#88333E |
rgb(136,51,62) |
hsl(352,45%,37%) |
#887D33 |
rgb(136,125,51) |
hsl(52,45%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336988 |
rgb(51,105,136) |
hsl(202,45%,37%) |
#885233 |
rgb(136,82,51) |
hsl(22,45%,37%) |
#33877C |
rgb(51,135,124) |
hsl(172,45%,36%) |
#887D33 |
rgb(136,125,51) |
hsl(52,45%,37%) |