HEX #366695 color — Calypso
The color #366695 is a dark shade and moderately saturated.
Palette
366695 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(210,47%,95%) |
#dae6f1 |
rgb(218,230,241) |
hsl(210,47%,90%) |
#c7d9eb |
rgb(199,217,235) |
hsl(210,47%,85%) |
#b4cce4 |
rgb(180,204,228) |
hsl(210,47%,80%) |
#a1bfdd |
rgb(161,191,221) |
hsl(210,47%,75%) |
#8fb3d6 |
rgb(143,179,214) |
hsl(210,47%,70%) |
#7ca6d0 |
rgb(124,166,208) |
hsl(210,47%,65%) |
#6999c9 |
rgb(105,153,201) |
hsl(210,47%,60%) |
#568cc2 |
rgb(86,140,194) |
hsl(210,47%,55%) |
#4480bb |
rgb(68,128,187) |
hsl(210,47%,50%) |
#3d73a9 |
rgb(61,115,169) |
hsl(210,47%,45%) |
#366696 |
rgb(54,102,150) |
hsl(210,47%,40%) |
#2f5983 |
rgb(47,89,131) |
hsl(210,47%,35%) |
#294d70 |
rgb(41,77,112) |
hsl(210,47%,30%) |
#22405e |
rgb(34,64,94) |
hsl(210,47%,25%) |
#1b334b |
rgb(27,51,75) |
hsl(210,47%,20%) |
#142638 |
rgb(20,38,56) |
hsl(210,47%,15%) |
#0e1a25 |
rgb(14,26,37) |
hsl(210,47%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(210,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#369484 |
rgb(54,148,132) |
hsl(170,47%,40%) |
#366695 |
rgb(54,102,149) |
hsl(210,47%,40%) |
#453695 |
rgb(69,54,149) |
hsl(249,47%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3E75AC |
rgb(62,117,172) |
hsl(210,47%,46%) |
#366695 |
rgb(54,102,149) |
hsl(210,47%,40%) |
#2D577D |
rgb(45,87,125) |
hsl(209,47%,33%) |
#244565 |
rgb(36,69,101) |
hsl(210,47%,27%) |
#1C364D |
rgb(28,54,77) |
hsl(208,47%,21%) |
#132435 |
rgb(19,36,53) |
hsl(210,47%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#366695 |
rgb(54,102,149) |
hsl(210,47%,40%) |
#953636 |
rgb(149,54,54) |
hsl(360,47%,40%) |
#959436 |
rgb(149,148,54) |
hsl(59,47%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366695 |
rgb(54,102,149) |
hsl(210,47%,40%) |
#956636 |
rgb(149,102,54) |
hsl(30,47%,40%) |
#369494 |
rgb(54,148,148) |
hsl(180,47%,40%) |
#959436 |
rgb(149,148,54) |
hsl(59,47%,40%) |