HEX #366C87 color — Calypso
The color #366c87 is a dark shade and moderately saturated.
Palette
366c87 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(200,43%,97%) |
#e2eef3 |
rgb(226,238,243) |
hsl(200,43%,92%) |
#d0e3ec |
rgb(208,227,236) |
hsl(200,43%,87%) |
#bdd8e5 |
rgb(189,216,229) |
hsl(200,43%,82%) |
#abcdde |
rgb(171,205,222) |
hsl(200,43%,77%) |
#99c2d6 |
rgb(153,194,214) |
hsl(200,43%,72%) |
#87b7cf |
rgb(135,183,207) |
hsl(200,43%,67%) |
#74acc8 |
rgb(116,172,200) |
hsl(200,43%,62%) |
#62a1c0 |
rgb(98,161,192) |
hsl(200,43%,57%) |
#5096b9 |
rgb(80,150,185) |
hsl(200,43%,52%) |
#4489ab |
rgb(68,137,171) |
hsl(200,43%,47%) |
#3d7a99 |
rgb(61,122,153) |
hsl(200,43%,42%) |
#366c87 |
rgb(54,108,135) |
hsl(200,43%,37%) |
#2f5d75 |
rgb(47,93,117) |
hsl(200,43%,32%) |
#274f62 |
rgb(39,79,98) |
hsl(200,43%,27%) |
#204050 |
rgb(32,64,80) |
hsl(200,43%,22%) |
#19323e |
rgb(25,50,62) |
hsl(200,43%,17%) |
#11232c |
rgb(17,35,44) |
hsl(200,43%,12%) |
#0a141a |
rgb(10,20,26) |
hsl(200,43%,7%) |
#030607 |
rgb(3,6,7) |
hsl(200,43%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36876C |
rgb(54,135,108) |
hsl(160,43%,37%) |
#366C87 |
rgb(54,108,135) |
hsl(200,43%,37%) |
#363687 |
rgb(54,54,135) |
hsl(240,43%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3E7D9C |
rgb(62,125,156) |
hsl(200,43%,43%) |
#366C87 |
rgb(54,108,135) |
hsl(200,43%,37%) |
#2D5C71 |
rgb(45,92,113) |
hsl(199,43%,31%) |
#244A5B |
rgb(36,74,91) |
hsl(199,43%,25%) |
#1C3846 |
rgb(28,56,70) |
hsl(200,43%,19%) |
#132630 |
rgb(19,38,48) |
hsl(201,43%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#366C87 |
rgb(54,108,135) |
hsl(200,43%,37%) |
#873643 |
rgb(135,54,67) |
hsl(350,43%,37%) |
#877A36 |
rgb(135,122,54) |
hsl(50,43%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366C87 |
rgb(54,108,135) |
hsl(200,43%,37%) |
#875236 |
rgb(135,82,54) |
hsl(21,43%,37%) |
#368779 |
rgb(54,135,121) |
hsl(170,43%,37%) |
#877A36 |
rgb(135,122,54) |
hsl(50,43%,37%) |