HEX #5A7196 color — Waikawa Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5a7196 color palette from light to dark

HEX RGB HSL
#f5f7f9 rgb(245,247,249) hsl(217,25%,97%)
#e6e9f0 rgb(230,233,240) hsl(217,25%,92%)
#d6dce6 rgb(214,220,230) hsl(217,25%,87%)
#c6cedd rgb(198,206,221) hsl(217,25%,82%)
#b6c1d3 rgb(182,193,211) hsl(217,25%,77%)
#a6b3c9 rgb(166,179,201) hsl(217,25%,72%)
#96a6c0 rgb(150,166,192) hsl(217,25%,67%)
#8698b6 rgb(134,152,182) hsl(217,25%,62%)
#768bad rgb(118,139,173) hsl(217,25%,57%)
#667da3 rgb(102,125,163) hsl(217,25%,52%)
#5a7196 rgb(90,113,150) hsl(217,25%,47%)
#506586 rgb(80,101,134) hsl(217,25%,42%)
#475976 rgb(71,89,118) hsl(217,25%,37%)
#3d4d66 rgb(61,77,102) hsl(217,25%,32%)
#344156 rgb(52,65,86) hsl(217,25%,27%)
#2a3546 rgb(42,53,70) hsl(217,25%,22%)
#212936 rgb(33,41,54) hsl(217,25%,17%)
#171d26 rgb(23,29,38) hsl(217,25%,12%)
#0d1116 rgb(13,17,22) hsl(217,25%,7%)
#040506 rgb(4,5,6) hsl(217,25%,2%)

Adjacent colors

HEX RGB HSL
#5A9693 rgb(90,150,147) hsl(177,25%,47%)
#5A7196 rgb(90,113,150) hsl(217,25%,47%)
#6B5996 rgb(107,89,150) hsl(258,26%,47%)

Monochromatic colors

HEX RGB HSL
#8699B6 rgb(134,153,182) hsl(216,25%,62%)
#6E85A8 rgb(110,133,168) hsl(216,25%,55%)
#5A7196 rgb(90,113,150) hsl(217,25%,47%)
#4B5E7E rgb(75,94,126) hsl(218,25%,39%)
#3D4D66 rgb(61,77,102) hsl(217,25%,32%)
#2E3B4E rgb(46,59,78) hsl(216,26%,24%)

Triad color palettes

HEX RGB HSL
#5A7196 rgb(90,113,150) hsl(217,25%,47%)
#96615A rgb(150,97,90) hsl(7,25%,47%)
#8F965A rgb(143,150,90) hsl(67,25%,47%)

Tetrad color palettes

HEX RGB HSL
#5A7196 rgb(90,113,150) hsl(217,25%,47%)
#96805A rgb(150,128,90) hsl(38,25%,47%)
#5A8F96 rgb(90,143,150) hsl(187,25%,47%)
#8F965A rgb(143,150,90) hsl(67,25%,47%)