HEX #366C96 color — Calypso
The color #366c96 is a dark shade and moderately saturated.
Palette
366c96 color palette from light to dark
HEX |
RGB |
HSL |
#ecf3f8 |
rgb(236,243,248) |
hsl(206,47%,95%) |
#dae7f1 |
rgb(218,231,241) |
hsl(206,47%,90%) |
#c7dbeb |
rgb(199,219,235) |
hsl(206,47%,85%) |
#b4cfe4 |
rgb(180,207,228) |
hsl(206,47%,80%) |
#a1c3dd |
rgb(161,195,221) |
hsl(206,47%,75%) |
#8fb7d6 |
rgb(143,183,214) |
hsl(206,47%,70%) |
#7cabd0 |
rgb(124,171,208) |
hsl(206,47%,65%) |
#699fc9 |
rgb(105,159,201) |
hsl(206,47%,60%) |
#5693c2 |
rgb(86,147,194) |
hsl(206,47%,55%) |
#4487bb |
rgb(68,135,187) |
hsl(206,47%,50%) |
#3d7aa9 |
rgb(61,122,169) |
hsl(206,47%,45%) |
#366c96 |
rgb(54,108,150) |
hsl(206,47%,40%) |
#2f5f83 |
rgb(47,95,131) |
hsl(206,47%,35%) |
#295170 |
rgb(41,81,112) |
hsl(206,47%,30%) |
#22445e |
rgb(34,68,94) |
hsl(206,47%,25%) |
#1b364b |
rgb(27,54,75) |
hsl(206,47%,20%) |
#142938 |
rgb(20,41,56) |
hsl(206,47%,15%) |
#0e1b25 |
rgb(14,27,37) |
hsl(206,47%,10%) |
#070e13 |
rgb(7,14,19) |
hsl(206,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#369680 |
rgb(54,150,128) |
hsl(166,47%,40%) |
#366C96 |
rgb(54,108,150) |
hsl(206,47%,40%) |
#403696 |
rgb(64,54,150) |
hsl(246,47%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E8FBF |
rgb(78,143,191) |
hsl(205,47%,53%) |
#3E7DAE |
rgb(62,125,174) |
hsl(206,47%,46%) |
#366C96 |
rgb(54,108,150) |
hsl(206,47%,40%) |
#2D5C7E |
rgb(45,92,126) |
hsl(205,47%,34%) |
#244A66 |
rgb(36,74,102) |
hsl(205,48%,27%) |
#1C384E |
rgb(28,56,78) |
hsl(206,47%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#366C96 |
rgb(54,108,150) |
hsl(206,47%,40%) |
#96363C |
rgb(150,54,60) |
hsl(356,47%,40%) |
#968F36 |
rgb(150,143,54) |
hsl(56,47%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366C96 |
rgb(54,108,150) |
hsl(206,47%,40%) |
#966136 |
rgb(150,97,54) |
hsl(27,47%,40%) |
#369690 |
rgb(54,150,144) |
hsl(176,47%,40%) |
#968F36 |
rgb(150,143,54) |
hsl(56,47%,40%) |