HEX #336E8E color — Calypso
The color #336E8E is a dark shade and moderately saturated.
Palette
336E8E color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(201,47%,98%) |
#e5f0f6 |
rgb(229,240,246) |
hsl(201,47%,93%) |
#d2e5ef |
rgb(210,229,239) |
hsl(201,47%,88%) |
#bfdae8 |
rgb(191,218,232) |
hsl(201,47%,83%) |
#adcfe1 |
rgb(173,207,225) |
hsl(201,47%,78%) |
#9ac4db |
rgb(154,196,219) |
hsl(201,47%,73%) |
#87b9d4 |
rgb(135,185,212) |
hsl(201,47%,68%) |
#74aecd |
rgb(116,174,205) |
hsl(201,47%,63%) |
#62a3c6 |
rgb(98,163,198) |
hsl(201,47%,58%) |
#4f98bf |
rgb(79,152,191) |
hsl(201,47%,53%) |
#418cb4 |
rgb(65,140,180) |
hsl(201,47%,48%) |
#3a7da1 |
rgb(58,125,161) |
hsl(201,47%,43%) |
#336f8e |
rgb(51,111,142) |
hsl(201,47%,38%) |
#2d607c |
rgb(45,96,124) |
hsl(201,47%,33%) |
#265169 |
rgb(38,81,105) |
hsl(201,47%,28%) |
#1f4356 |
rgb(31,67,86) |
hsl(201,47%,23%) |
#183443 |
rgb(24,52,67) |
hsl(201,47%,18%) |
#122631 |
rgb(18,38,49) |
hsl(201,47%,13%) |
#0b171e |
rgb(11,23,30) |
hsl(201,47%,8%) |
#04090b |
rgb(4,9,11) |
hsl(201,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#338F71 |
rgb(51,143,113) |
hsl(160,47%,38%) |
#336E8E |
rgb(51,110,142) |
hsl(201,47%,38%) |
#34338E |
rgb(52,51,142) |
hsl(241,47%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B80A4 |
rgb(59,128,164) |
hsl(201,47%,44%) |
#336E8E |
rgb(51,110,142) |
hsl(201,47%,38%) |
#2A5C77 |
rgb(42,92,119) |
hsl(201,48%,32%) |
#224A60 |
rgb(34,74,96) |
hsl(201,48%,25%) |
#1A3849 |
rgb(26,56,73) |
hsl(202,47%,19%) |
#122933 |
rgb(18,41,51) |
hsl(198,48%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336E8E |
rgb(51,110,142) |
hsl(201,47%,38%) |
#8E3340 |
rgb(142,51,64) |
hsl(351,47%,38%) |
#8E8033 |
rgb(142,128,51) |
hsl(51,47%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336E8E |
rgb(51,110,142) |
hsl(201,47%,38%) |
#8E5433 |
rgb(142,84,51) |
hsl(22,47%,38%) |
#338F80 |
rgb(51,143,128) |
hsl(170,47%,38%) |
#8E8033 |
rgb(142,128,51) |
hsl(51,47%,38%) |