HEX #366699 color — Calypso
The color #366699 is a dark shade and moderately saturated.
Palette
366699 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(211,48%,96%) |
#dde8f3 |
rgb(221,232,243) |
hsl(211,48%,91%) |
#cadbec |
rgb(202,219,236) |
hsl(211,48%,86%) |
#b7cee6 |
rgb(183,206,230) |
hsl(211,48%,81%) |
#a4c1df |
rgb(164,193,223) |
hsl(211,48%,76%) |
#92b4d9 |
rgb(146,180,217) |
hsl(211,48%,71%) |
#7fa7d2 |
rgb(127,167,210) |
hsl(211,48%,66%) |
#6c9acb |
rgb(108,154,203) |
hsl(211,48%,61%) |
#598dc5 |
rgb(89,141,197) |
hsl(211,48%,56%) |
#4680be |
rgb(70,128,190) |
hsl(211,48%,51%) |
#3d73ae |
rgb(61,115,174) |
hsl(211,48%,46%) |
#36679b |
rgb(54,103,155) |
hsl(211,48%,41%) |
#305a88 |
rgb(48,90,136) |
hsl(211,48%,36%) |
#294e75 |
rgb(41,78,117) |
hsl(211,48%,31%) |
#224162 |
rgb(34,65,98) |
hsl(211,48%,26%) |
#1c354f |
rgb(28,53,79) |
hsl(211,48%,21%) |
#15283c |
rgb(21,40,60) |
hsl(211,48%,16%) |
#0f1c2a |
rgb(15,28,42) |
hsl(211,48%,11%) |
#080f17 |
rgb(8,15,23) |
hsl(211,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(211,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36998A |
rgb(54,153,138) |
hsl(171,48%,41%) |
#366699 |
rgb(54,102,153) |
hsl(211,48%,41%) |
#483699 |
rgb(72,54,153) |
hsl(251,48%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5087C1 |
rgb(80,135,193) |
hsl(211,48%,54%) |
#3E75B1 |
rgb(62,117,177) |
hsl(211,48%,47%) |
#366699 |
rgb(54,102,153) |
hsl(211,48%,41%) |
#2D5780 |
rgb(45,87,128) |
hsl(210,48%,34%) |
#244568 |
rgb(36,69,104) |
hsl(211,49%,27%) |
#1C364F |
rgb(28,54,79) |
hsl(209,48%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#366699 |
rgb(54,102,153) |
hsl(211,48%,41%) |
#993836 |
rgb(153,56,54) |
hsl(1,48%,41%) |
#979936 |
rgb(151,153,54) |
hsl(61,48%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366699 |
rgb(54,102,153) |
hsl(211,48%,41%) |
#996936 |
rgb(153,105,54) |
hsl(31,48%,41%) |
#369699 |
rgb(54,150,153) |
hsl(182,48%,41%) |
#979936 |
rgb(151,153,54) |
hsl(61,48%,41%) |