HEX #366688 color — Calypso

The color #366688 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

366688 color palette from light to dark

HEX RGB HSL
#f4f8fb rgb(244,248,251) hsl(205,43%,97%)
#e2ecf3 rgb(226,236,243) hsl(205,43%,92%)
#d0e0ec rgb(208,224,236) hsl(205,43%,87%)
#bdd4e5 rgb(189,212,229) hsl(205,43%,82%)
#abc9de rgb(171,201,222) hsl(205,43%,77%)
#99bdd6 rgb(153,189,214) hsl(205,43%,72%)
#87b1cf rgb(135,177,207) hsl(205,43%,67%)
#74a5c8 rgb(116,165,200) hsl(205,43%,62%)
#6299c0 rgb(98,153,192) hsl(205,43%,57%)
#508db9 rgb(80,141,185) hsl(205,43%,52%)
#4480ab rgb(68,128,171) hsl(205,43%,47%)
#3d7399 rgb(61,115,153) hsl(205,43%,42%)
#366587 rgb(54,101,135) hsl(205,43%,37%)
#2f5775 rgb(47,87,117) hsl(205,43%,32%)
#274a62 rgb(39,74,98) hsl(205,43%,27%)
#203c50 rgb(32,60,80) hsl(205,43%,22%)
#192e3e rgb(25,46,62) hsl(205,43%,17%)
#11212c rgb(17,33,44) hsl(205,43%,12%)
#0a131a rgb(10,19,26) hsl(205,43%,7%)
#030507 rgb(3,5,7) hsl(205,43%,2%)

Adjacent colors

HEX RGB HSL
#368773 rgb(54,135,115) hsl(165,43%,37%)
#366688 rgb(54,102,136) hsl(205,43%,37%)
#3C3688 rgb(60,54,136) hsl(244,43%,37%)

Monochromatic colors

HEX RGB HSL
#3E759D rgb(62,117,157) hsl(205,43%,43%)
#366688 rgb(54,102,136) hsl(205,43%,37%)
#2D5772 rgb(45,87,114) hsl(203,43%,31%)
#24455C rgb(36,69,92) hsl(205,44%,25%)
#1C3646 rgb(28,54,70) hsl(203,43%,19%)
#132430 rgb(19,36,48) hsl(205,43%,13%)

Triad color palettes

HEX RGB HSL
#366688 rgb(54,102,136) hsl(205,43%,37%)
#88363D rgb(136,54,61) hsl(355,43%,37%)
#888236 rgb(136,130,54) hsl(56,43%,37%)

Tetrad color palettes

HEX RGB HSL
#366688 rgb(54,102,136) hsl(205,43%,37%)
#885936 rgb(136,89,54) hsl(26,43%,37%)
#368781 rgb(54,135,129) hsl(176,43%,37%)
#888236 rgb(136,130,54) hsl(56,43%,37%)