HEX #336E90 color — Calypso
The color #336E90 is a dark shade and moderately saturated.
Palette
336E90 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(202,48%,98%) |
#e5eff6 |
rgb(229,239,246) |
hsl(202,48%,93%) |
#d2e4ef |
rgb(210,228,239) |
hsl(202,48%,88%) |
#bfd9e8 |
rgb(191,217,232) |
hsl(202,48%,83%) |
#accee2 |
rgb(172,206,226) |
hsl(202,48%,78%) |
#99c3db |
rgb(153,195,219) |
hsl(202,48%,73%) |
#86b8d5 |
rgb(134,184,213) |
hsl(202,48%,68%) |
#73adce |
rgb(115,173,206) |
hsl(202,48%,63%) |
#60a2c7 |
rgb(96,162,199) |
hsl(202,48%,58%) |
#4e96c1 |
rgb(78,150,193) |
hsl(202,48%,53%) |
#408ab5 |
rgb(64,138,181) |
hsl(202,48%,48%) |
#397ca2 |
rgb(57,124,162) |
hsl(202,48%,43%) |
#326d8f |
rgb(50,109,143) |
hsl(202,48%,38%) |
#2c5f7d |
rgb(44,95,125) |
hsl(202,48%,33%) |
#25516a |
rgb(37,81,106) |
hsl(202,48%,28%) |
#1e4257 |
rgb(30,66,87) |
hsl(202,48%,23%) |
#183444 |
rgb(24,52,68) |
hsl(202,48%,18%) |
#112531 |
rgb(17,37,49) |
hsl(202,48%,13%) |
#0b171e |
rgb(11,23,30) |
hsl(202,48%,8%) |
#04090b |
rgb(4,9,11) |
hsl(202,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#338F74 |
rgb(51,143,116) |
hsl(162,47%,38%) |
#336E90 |
rgb(51,110,144) |
hsl(202,48%,38%) |
#363390 |
rgb(54,51,144) |
hsl(242,48%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B80A7 |
rgb(59,128,167) |
hsl(202,48%,44%) |
#336E90 |
rgb(51,110,144) |
hsl(202,48%,38%) |
#2A5C78 |
rgb(42,92,120) |
hsl(202,48%,32%) |
#224A61 |
rgb(34,74,97) |
hsl(202,48%,26%) |
#1A384A |
rgb(26,56,74) |
hsl(203,48%,20%) |
#122933 |
rgb(18,41,51) |
hsl(198,48%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336E90 |
rgb(51,110,144) |
hsl(202,48%,38%) |
#90333F |
rgb(144,51,63) |
hsl(352,48%,38%) |
#908533 |
rgb(144,133,51) |
hsl(53,48%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336E90 |
rgb(51,110,144) |
hsl(202,48%,38%) |
#905433 |
rgb(144,84,51) |
hsl(21,48%,38%) |
#338F83 |
rgb(51,143,131) |
hsl(172,47%,38%) |
#908533 |
rgb(144,133,51) |
hsl(53,48%,38%) |