HEX #336991 color — Calypso
The color #336991 is a dark shade and moderately saturated.
Palette
336991 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(206,48%,98%) |
#e5eef6 |
rgb(229,238,246) |
hsl(206,48%,93%) |
#d2e2ef |
rgb(210,226,239) |
hsl(206,48%,88%) |
#bfd6e8 |
rgb(191,214,232) |
hsl(206,48%,83%) |
#accae2 |
rgb(172,202,226) |
hsl(206,48%,78%) |
#99bfdb |
rgb(153,191,219) |
hsl(206,48%,73%) |
#86b3d5 |
rgb(134,179,213) |
hsl(206,48%,68%) |
#73a7ce |
rgb(115,167,206) |
hsl(206,48%,63%) |
#609bc7 |
rgb(96,155,199) |
hsl(206,48%,58%) |
#4e8fc1 |
rgb(78,143,193) |
hsl(206,48%,53%) |
#4082b5 |
rgb(64,130,181) |
hsl(206,48%,48%) |
#3975a2 |
rgb(57,117,162) |
hsl(206,48%,43%) |
#32678f |
rgb(50,103,143) |
hsl(206,48%,38%) |
#2c5a7d |
rgb(44,90,125) |
hsl(206,48%,33%) |
#254c6a |
rgb(37,76,106) |
hsl(206,48%,28%) |
#1e3e57 |
rgb(30,62,87) |
hsl(206,48%,23%) |
#183144 |
rgb(24,49,68) |
hsl(206,48%,18%) |
#112331 |
rgb(17,35,49) |
hsl(206,48%,13%) |
#0b161e |
rgb(11,22,30) |
hsl(206,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(206,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33917A |
rgb(51,145,122) |
hsl(165,48%,38%) |
#336991 |
rgb(51,105,145) |
hsl(206,48%,38%) |
#3B3391 |
rgb(59,51,145) |
hsl(245,48%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7AA8 |
rgb(59,122,168) |
hsl(205,48%,45%) |
#336991 |
rgb(51,105,145) |
hsl(206,48%,38%) |
#2A5979 |
rgb(42,89,121) |
hsl(204,48%,32%) |
#224762 |
rgb(34,71,98) |
hsl(205,48%,26%) |
#1A364B |
rgb(26,54,75) |
hsl(206,49%,20%) |
#122634 |
rgb(18,38,52) |
hsl(205,49%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336991 |
rgb(51,105,145) |
hsl(206,48%,38%) |
#91333A |
rgb(145,51,58) |
hsl(356,48%,38%) |
#918A33 |
rgb(145,138,51) |
hsl(56,48%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336991 |
rgb(51,105,145) |
hsl(206,48%,38%) |
#915C33 |
rgb(145,92,51) |
hsl(26,48%,38%) |
#33918A |
rgb(51,145,138) |
hsl(176,48%,38%) |
#918A33 |
rgb(145,138,51) |
hsl(56,48%,38%) |