HEX #5A70A3 color — Waikawa Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A70A3 color palette from light to dark

HEX RGB HSL
#eff1f6 rgb(239,241,246) hsl(222,29%,95%)
#dee3ed rgb(222,227,237) hsl(222,29%,90%)
#ced4e4 rgb(206,212,228) hsl(222,29%,85%)
#bdc6db rgb(189,198,219) hsl(222,29%,80%)
#adb8d2 rgb(173,184,210) hsl(222,29%,75%)
#9caac9 rgb(156,170,201) hsl(222,29%,70%)
#8c9bc0 rgb(140,155,192) hsl(222,29%,65%)
#7b8db7 rgb(123,141,183) hsl(222,29%,60%)
#6b7fae rgb(107,127,174) hsl(222,29%,55%)
#5b71a4 rgb(91,113,164) hsl(222,29%,50%)
#516594 rgb(81,101,148) hsl(222,29%,45%)
#485a84 rgb(72,90,132) hsl(222,29%,40%)
#3f4f73 rgb(63,79,115) hsl(222,29%,35%)
#364463 rgb(54,68,99) hsl(222,29%,30%)
#2d3852 rgb(45,56,82) hsl(222,29%,25%)
#242d42 rgb(36,45,66) hsl(222,29%,20%)
#1b2231 rgb(27,34,49) hsl(222,29%,15%)
#121721 rgb(18,23,33) hsl(222,29%,10%)
#090b10 rgb(9,11,16) hsl(222,29%,5%)

Adjacent colors

HEX RGB HSL
#5AA1A3 rgb(90,161,163) hsl(182,29%,50%)
#5A70A3 rgb(90,112,163) hsl(222,29%,50%)
#7459A3 rgb(116,89,163) hsl(262,29%,49%)

Monochromatic colors

HEX RGB HSL
#8D9EC0 rgb(141,158,192) hsl(220,29%,65%)
#7387B1 rgb(115,135,177) hsl(221,28%,57%)
#5A70A3 rgb(90,112,163) hsl(222,29%,50%)
#4B5E88 rgb(75,94,136) hsl(221,29%,41%)
#3D4D6E rgb(61,77,110) hsl(220,29%,34%)
#2E3B54 rgb(46,59,84) hsl(219,29%,25%)

Triad color palettes

HEX RGB HSL
#5A70A3 rgb(90,112,163) hsl(222,29%,50%)
#A3695A rgb(163,105,90) hsl(12,29%,50%)
#94A35A rgb(148,163,90) hsl(72,29%,50%)

Tetrad color palettes

HEX RGB HSL
#5A70A3 rgb(90,112,163) hsl(222,29%,50%)
#A38C5A rgb(163,140,90) hsl(41,29%,50%)
#5A94A3 rgb(90,148,163) hsl(192,29%,50%)
#94A35A rgb(148,163,90) hsl(72,29%,50%)