HEX #336E8A color — Calypso
The color #336e8a is a dark shade and moderately saturated.
Palette
336e8a color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(199,46%,97%) |
#e1eef4 |
rgb(225,238,244) |
hsl(199,46%,92%) |
#cfe3ed |
rgb(207,227,237) |
hsl(199,46%,87%) |
#bcd9e6 |
rgb(188,217,230) |
hsl(199,46%,82%) |
#a9cedf |
rgb(169,206,223) |
hsl(199,46%,77%) |
#97c4d8 |
rgb(151,196,216) |
hsl(199,46%,72%) |
#84b9d2 |
rgb(132,185,210) |
hsl(199,46%,67%) |
#72aecb |
rgb(114,174,203) |
hsl(199,46%,62%) |
#5fa4c4 |
rgb(95,164,196) |
hsl(199,46%,57%) |
#4c99bd |
rgb(76,153,189) |
hsl(199,46%,52%) |
#418caf |
rgb(65,140,175) |
hsl(199,46%,47%) |
#3a7d9c |
rgb(58,125,156) |
hsl(199,46%,42%) |
#336e8a |
rgb(51,110,138) |
hsl(199,46%,37%) |
#2c5f77 |
rgb(44,95,119) |
hsl(199,46%,32%) |
#255065 |
rgb(37,80,101) |
hsl(199,46%,27%) |
#1e4252 |
rgb(30,66,82) |
hsl(199,46%,22%) |
#17333f |
rgb(23,51,63) |
hsl(199,46%,17%) |
#11242d |
rgb(17,36,45) |
hsl(199,46%,12%) |
#0a151a |
rgb(10,21,26) |
hsl(199,46%,7%) |
#030607 |
rgb(3,6,7) |
hsl(199,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338A6C |
rgb(51,138,108) |
hsl(159,46%,37%) |
#336E8A |
rgb(51,110,138) |
hsl(199,46%,37%) |
#33338A |
rgb(51,51,138) |
hsl(240,46%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B80A0 |
rgb(59,128,160) |
hsl(199,46%,43%) |
#336E8A |
rgb(51,110,138) |
hsl(199,46%,37%) |
#2A5C73 |
rgb(42,92,115) |
hsl(199,46%,31%) |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#1A3847 |
rgb(26,56,71) |
hsl(200,46%,19%) |
#122931 |
rgb(18,41,49) |
hsl(195,46%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336E8A |
rgb(51,110,138) |
hsl(199,46%,37%) |
#8A3342 |
rgb(138,51,66) |
hsl(350,46%,37%) |
#8A7A33 |
rgb(138,122,51) |
hsl(49,46%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336E8A |
rgb(51,110,138) |
hsl(199,46%,37%) |
#8A4F33 |
rgb(138,79,51) |
hsl(19,46%,37%) |
#338A7A |
rgb(51,138,122) |
hsl(169,46%,37%) |
#8A7A33 |
rgb(138,122,51) |
hsl(49,46%,37%) |