HEX #336689 color — Calypso
The color #336689 is a dark shade and moderately saturated.
Palette
336689 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(204,46%,97%) |
#e1ecf4 |
rgb(225,236,244) |
hsl(204,46%,92%) |
#cfe1ed |
rgb(207,225,237) |
hsl(204,46%,87%) |
#bcd5e6 |
rgb(188,213,230) |
hsl(204,46%,82%) |
#a9cadf |
rgb(169,202,223) |
hsl(204,46%,77%) |
#97bed8 |
rgb(151,190,216) |
hsl(204,46%,72%) |
#84b3d2 |
rgb(132,179,210) |
hsl(204,46%,67%) |
#72a7cb |
rgb(114,167,203) |
hsl(204,46%,62%) |
#5f9bc4 |
rgb(95,155,196) |
hsl(204,46%,57%) |
#4c90bd |
rgb(76,144,189) |
hsl(204,46%,52%) |
#4183af |
rgb(65,131,175) |
hsl(204,46%,47%) |
#3a759c |
rgb(58,117,156) |
hsl(204,46%,42%) |
#33678a |
rgb(51,103,138) |
hsl(204,46%,37%) |
#2c5977 |
rgb(44,89,119) |
hsl(204,46%,32%) |
#254b65 |
rgb(37,75,101) |
hsl(204,46%,27%) |
#1e3d52 |
rgb(30,61,82) |
hsl(204,46%,22%) |
#172f3f |
rgb(23,47,63) |
hsl(204,46%,17%) |
#11212d |
rgb(17,33,45) |
hsl(204,46%,12%) |
#0a131a |
rgb(10,19,26) |
hsl(204,46%,7%) |
#030607 |
rgb(3,6,7) |
hsl(204,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338A72 |
rgb(51,138,114) |
hsl(163,46%,37%) |
#336689 |
rgb(51,102,137) |
hsl(204,46%,37%) |
#393389 |
rgb(57,51,137) |
hsl(244,46%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B759E |
rgb(59,117,158) |
hsl(205,46%,43%) |
#336689 |
rgb(51,102,137) |
hsl(204,46%,37%) |
#2A5773 |
rgb(42,87,115) |
hsl(203,46%,31%) |
#22455D |
rgb(34,69,93) |
hsl(204,46%,25%) |
#1A3647 |
rgb(26,54,71) |
hsl(203,46%,19%) |
#122431 |
rgb(18,36,49) |
hsl(205,46%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336689 |
rgb(51,102,137) |
hsl(204,46%,37%) |
#89333B |
rgb(137,51,59) |
hsl(354,46%,37%) |
#898233 |
rgb(137,130,51) |
hsl(55,46%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336689 |
rgb(51,102,137) |
hsl(204,46%,37%) |
#895733 |
rgb(137,87,51) |
hsl(25,46%,37%) |
#338A81 |
rgb(51,138,129) |
hsl(174,46%,37%) |
#898233 |
rgb(137,130,51) |
hsl(55,46%,37%) |