HEX #5A9CA6 color — Breaker Bay

The color #5A9CA6 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5A9CA6 color palette from light to dark

HEX RGB HSL
#eef5f6 rgb(238,245,246) hsl(188,30%,95%)
#deebed rgb(222,235,237) hsl(188,30%,90%)
#cde1e4 rgb(205,225,228) hsl(188,30%,85%)
#bdd7db rgb(189,215,219) hsl(188,30%,80%)
#accdd2 rgb(172,205,210) hsl(188,30%,75%)
#9cc3c9 rgb(156,195,201) hsl(188,30%,70%)
#8bb9c1 rgb(139,185,193) hsl(188,30%,65%)
#7aafb8 rgb(122,175,184) hsl(188,30%,60%)
#6aa5af rgb(106,165,175) hsl(188,30%,55%)
#599ca6 rgb(89,156,166) hsl(188,30%,50%)
#508c95 rgb(80,140,149) hsl(188,30%,45%)
#477c85 rgb(71,124,133) hsl(188,30%,40%)
#3e6d74 rgb(62,109,116) hsl(188,30%,35%)
#365d63 rgb(54,93,99) hsl(188,30%,30%)
#2d4e53 rgb(45,78,83) hsl(188,30%,25%)
#243e42 rgb(36,62,66) hsl(188,30%,20%)
#1b2f32 rgb(27,47,50) hsl(188,30%,15%)
#121f21 rgb(18,31,33) hsl(188,30%,10%)
#091011 rgb(9,16,17) hsl(188,30%,5%)

Adjacent colors

HEX RGB HSL
#5AA67D rgb(90,166,125) hsl(148,30%,50%)
#5A9CA6 rgb(90,156,166) hsl(188,30%,50%)
#5A69A6 rgb(90,105,166) hsl(228,30%,50%)

Monochromatic colors

HEX RGB HSL
#8FBDC2 rgb(143,189,194) hsl(186,29%,66%)
#74ABB4 rgb(116,171,180) hsl(188,30%,58%)
#5A9CA6 rgb(90,156,166) hsl(188,30%,50%)
#4B828B rgb(75,130,139) hsl(188,30%,42%)
#3D6B71 rgb(61,107,113) hsl(187,30%,34%)
#2E5256 rgb(46,82,86) hsl(186,30%,26%)

Triad color palettes

HEX RGB HSL
#5A9CA6 rgb(90,156,166) hsl(188,30%,50%)
#A65976 rgb(166,89,118) hsl(337,30%,50%)
#A68A5A rgb(166,138,90) hsl(38,30%,50%)

Tetrad color palettes

HEX RGB HSL
#5A9CA6 rgb(90,156,166) hsl(188,30%,50%)
#A6635A rgb(166,99,90) hsl(7,30%,50%)
#5AA68A rgb(90,166,138) hsl(158,30%,50%)
#A68A5A rgb(166,138,90) hsl(38,30%,50%)