HEX #336691 color — Calypso
The color #336691 is a dark shade and moderately saturated.
Palette
336691 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(207,48%,98%) |
#e5eef6 |
rgb(229,238,246) |
hsl(207,48%,93%) |
#d2e2ef |
rgb(210,226,239) |
hsl(207,48%,88%) |
#bfd6e8 |
rgb(191,214,232) |
hsl(207,48%,83%) |
#accae2 |
rgb(172,202,226) |
hsl(207,48%,78%) |
#99bddb |
rgb(153,189,219) |
hsl(207,48%,73%) |
#86b1d5 |
rgb(134,177,213) |
hsl(207,48%,68%) |
#73a5ce |
rgb(115,165,206) |
hsl(207,48%,63%) |
#6099c7 |
rgb(96,153,199) |
hsl(207,48%,58%) |
#4e8dc1 |
rgb(78,141,193) |
hsl(207,48%,53%) |
#4080b5 |
rgb(64,128,181) |
hsl(207,48%,48%) |
#3973a2 |
rgb(57,115,162) |
hsl(207,48%,43%) |
#32668f |
rgb(50,102,143) |
hsl(207,48%,38%) |
#2c587d |
rgb(44,88,125) |
hsl(207,48%,33%) |
#254b6a |
rgb(37,75,106) |
hsl(207,48%,28%) |
#1e3d57 |
rgb(30,61,87) |
hsl(207,48%,23%) |
#183044 |
rgb(24,48,68) |
hsl(207,48%,18%) |
#112331 |
rgb(17,35,49) |
hsl(207,48%,13%) |
#0b151e |
rgb(11,21,30) |
hsl(207,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(207,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33917D |
rgb(51,145,125) |
hsl(167,48%,38%) |
#336691 |
rgb(51,102,145) |
hsl(207,48%,38%) |
#3E3391 |
rgb(62,51,145) |
hsl(247,48%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B75A8 |
rgb(59,117,168) |
hsl(208,48%,45%) |
#336691 |
rgb(51,102,145) |
hsl(207,48%,38%) |
#2A5779 |
rgb(42,87,121) |
hsl(206,48%,32%) |
#224562 |
rgb(34,69,98) |
hsl(207,48%,26%) |
#1A364B |
rgb(26,54,75) |
hsl(206,49%,20%) |
#122434 |
rgb(18,36,52) |
hsl(208,49%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#336691 |
rgb(51,102,145) |
hsl(207,48%,38%) |
#913337 |
rgb(145,51,55) |
hsl(357,48%,38%) |
#918C33 |
rgb(145,140,51) |
hsl(57,48%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336691 |
rgb(51,102,145) |
hsl(207,48%,38%) |
#915E33 |
rgb(145,94,51) |
hsl(27,48%,38%) |
#33918D |
rgb(51,145,141) |
hsl(177,48%,38%) |
#918C33 |
rgb(145,140,51) |
hsl(57,48%,38%) |