HEX #5A6686 color — Waikawa Gray

The color #5A6686 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5A6686 color palette from light to dark

HEX RGB HSL
#fcfcfd rgb(252,252,253) hsl(224,20%,99%)
#edeef3 rgb(237,238,243) hsl(224,20%,94%)
#dde0e9 rgb(221,224,233) hsl(224,20%,89%)
#ced2de rgb(206,210,222) hsl(224,20%,84%)
#bfc4d4 rgb(191,196,212) hsl(224,20%,79%)
#afb7ca rgb(175,183,202) hsl(224,20%,74%)
#a0a9c0 rgb(160,169,192) hsl(224,20%,69%)
#919bb6 rgb(145,155,182) hsl(224,20%,64%)
#828dab rgb(130,141,171) hsl(224,20%,59%)
#727fa1 rgb(114,127,161) hsl(224,20%,54%)
#647196 rgb(100,113,150) hsl(224,20%,49%)
#5a6687 rgb(90,102,135) hsl(224,20%,44%)
#505a77 rgb(80,90,119) hsl(224,20%,39%)
#454f68 rgb(69,79,104) hsl(224,20%,34%)
#3b4359 rgb(59,67,89) hsl(224,20%,29%)
#313749 rgb(49,55,73) hsl(224,20%,24%)
#272c3a rgb(39,44,58) hsl(224,20%,19%)
#1d202b rgb(29,32,43) hsl(224,20%,14%)
#12151c rgb(18,21,28) hsl(224,20%,9%)
#08090c rgb(8,9,12) hsl(224,20%,4%)

Adjacent colors

HEX RGB HSL
#5A8586 rgb(90,133,134) hsl(181,20%,44%)
#5A6686 rgb(90,102,134) hsl(224,20%,44%)
#6B5986 rgb(107,89,134) hsl(264,20%,44%)

Monochromatic colors

HEX RGB HSL
#7E8AA8 rgb(126,138,168) hsl(223,19%,58%)
#69789A rgb(105,120,154) hsl(222,20%,51%)
#5A6686 rgb(90,102,134) hsl(224,20%,44%)
#4B5770 rgb(75,87,112) hsl(221,20%,37%)
#3D455B rgb(61,69,91) hsl(224,20%,30%)
#2E3645 rgb(46,54,69) hsl(219,20%,23%)

Triad color palettes

HEX RGB HSL
#5A6686 rgb(90,102,134) hsl(224,20%,44%)
#86635A rgb(134,99,90) hsl(12,20%,44%)
#7C875A rgb(124,135,90) hsl(75,20%,44%)

Tetrad color palettes

HEX RGB HSL
#5A6686 rgb(90,102,134) hsl(224,20%,44%)
#867A5A rgb(134,122,90) hsl(44,20%,44%)
#5A7D86 rgb(90,125,134) hsl(192,20%,44%)
#7C875A rgb(124,135,90) hsl(75,20%,44%)