HEX #5BA699 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA699 color palette from light to dark

HEX RGB HSL
#eef6f5 rgb(238,246,245) hsl(170,30%,95%)
#deedeb rgb(222,237,235) hsl(170,30%,90%)
#cde4e0 rgb(205,228,224) hsl(170,30%,85%)
#bddbd6 rgb(189,219,214) hsl(170,30%,80%)
#acd2cc rgb(172,210,204) hsl(170,30%,75%)
#9cc9c2 rgb(156,201,194) hsl(170,30%,70%)
#8bc1b8 rgb(139,193,184) hsl(170,30%,65%)
#7ab8ad rgb(122,184,173) hsl(170,30%,60%)
#6aafa3 rgb(106,175,163) hsl(170,30%,55%)
#59a699 rgb(89,166,153) hsl(170,30%,50%)
#50958a rgb(80,149,138) hsl(170,30%,45%)
#47857a rgb(71,133,122) hsl(170,30%,40%)
#3e746b rgb(62,116,107) hsl(170,30%,35%)
#36635c rgb(54,99,92) hsl(170,30%,30%)
#2d534d rgb(45,83,77) hsl(170,30%,25%)
#24423d rgb(36,66,61) hsl(170,30%,20%)
#1b322e rgb(27,50,46) hsl(170,30%,15%)
#12211f rgb(18,33,31) hsl(170,30%,10%)
#09110f rgb(9,17,15) hsl(170,30%,5%)

Adjacent colors

HEX RGB HSL
#5BA667 rgb(91,166,103) hsl(130,30%,50%)
#5BA699 rgb(91,166,153) hsl(170,30%,50%)
#5B82A6 rgb(91,130,166) hsl(209,30%,50%)

Monochromatic colors

HEX RGB HSL
#90C2BA rgb(144,194,186) hsl(170,29%,66%)
#75B5A9 rgb(117,181,169) hsl(169,30%,58%)
#5BA699 rgb(91,166,153) hsl(170,30%,50%)
#4B8C80 rgb(75,140,128) hsl(169,30%,42%)
#3D7068 rgb(61,112,104) hsl(171,29%,34%)
#2F574F rgb(47,87,79) hsl(168,30%,26%)

Triad color palettes

HEX RGB HSL
#5BA699 rgb(91,166,153) hsl(170,30%,50%)
#A65C8D rgb(166,92,141) hsl(320,29%,51%)
#A6735B rgb(166,115,91) hsl(19,30%,50%)

Tetrad color palettes

HEX RGB HSL
#5BA699 rgb(91,166,153) hsl(170,30%,50%)
#A65C68 rgb(166,92,104) hsl(350,29%,51%)
#5BA673 rgb(91,166,115) hsl(139,30%,50%)
#A6735B rgb(166,115,91) hsl(19,30%,50%)