HEX #336B88 color — Calypso
The color #336B88 is a dark shade and moderately saturated.
Palette
336B88 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(200,45%,97%) |
#e1eef4 |
rgb(225,238,244) |
hsl(200,45%,92%) |
#cfe3ed |
rgb(207,227,237) |
hsl(200,45%,87%) |
#bcd8e6 |
rgb(188,216,230) |
hsl(200,45%,82%) |
#aacddf |
rgb(170,205,223) |
hsl(200,45%,77%) |
#97c2d8 |
rgb(151,194,216) |
hsl(200,45%,72%) |
#85b7d1 |
rgb(133,183,209) |
hsl(200,45%,67%) |
#72adca |
rgb(114,173,202) |
hsl(200,45%,62%) |
#60a2c3 |
rgb(96,162,195) |
hsl(200,45%,57%) |
#4e97bc |
rgb(78,151,188) |
hsl(200,45%,52%) |
#428aae |
rgb(66,138,174) |
hsl(200,45%,47%) |
#3b7b9b |
rgb(59,123,155) |
hsl(200,45%,42%) |
#346d89 |
rgb(52,109,137) |
hsl(200,45%,37%) |
#2d5e76 |
rgb(45,94,118) |
hsl(200,45%,32%) |
#264f64 |
rgb(38,79,100) |
hsl(200,45%,27%) |
#1f4151 |
rgb(31,65,81) |
hsl(200,45%,22%) |
#18323f |
rgb(24,50,63) |
hsl(200,45%,17%) |
#11232c |
rgb(17,35,44) |
hsl(200,45%,12%) |
#0a151a |
rgb(10,21,26) |
hsl(200,45%,7%) |
#030607 |
rgb(3,6,7) |
hsl(200,45%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33876C |
rgb(51,135,108) |
hsl(161,45%,36%) |
#336B88 |
rgb(51,107,136) |
hsl(200,45%,37%) |
#333388 |
rgb(51,51,136) |
hsl(240,45%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7D9D |
rgb(59,125,157) |
hsl(200,45%,42%) |
#336B88 |
rgb(51,107,136) |
hsl(200,45%,37%) |
#2A5972 |
rgb(42,89,114) |
hsl(201,46%,31%) |
#224A5C |
rgb(34,74,92) |
hsl(199,46%,25%) |
#1A3846 |
rgb(26,56,70) |
hsl(199,46%,19%) |
#122630 |
rgb(18,38,48) |
hsl(200,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336B88 |
rgb(51,107,136) |
hsl(200,45%,37%) |
#883340 |
rgb(136,51,64) |
hsl(351,45%,37%) |
#887A33 |
rgb(136,122,51) |
hsl(50,45%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336B88 |
rgb(51,107,136) |
hsl(200,45%,37%) |
#884F33 |
rgb(136,79,51) |
hsl(20,45%,37%) |
#33877A |
rgb(51,135,122) |
hsl(171,45%,36%) |
#887A33 |
rgb(136,122,51) |
hsl(50,45%,37%) |