HEX #5AA895 color — Breaker Bay
The color #5AA895 is a light shade and slightly desaturated.
Palette
5AA895 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f6 |
rgb(242,248,246) |
hsl(165,31%,96%) |
#e1efec |
rgb(225,239,236) |
hsl(165,31%,91%) |
#d0e6e1 |
rgb(208,230,225) |
hsl(165,31%,86%) |
#c0ded6 |
rgb(192,222,214) |
hsl(165,31%,81%) |
#afd5cb |
rgb(175,213,203) |
hsl(165,31%,76%) |
#9eccc1 |
rgb(158,204,193) |
hsl(165,31%,71%) |
#8dc3b6 |
rgb(141,195,182) |
hsl(165,31%,66%) |
#7dbaab |
rgb(125,186,171) |
hsl(165,31%,61%) |
#6cb2a0 |
rgb(108,178,160) |
hsl(165,31%,56%) |
#5ba995 |
rgb(91,169,149) |
hsl(165,31%,51%) |
#519a87 |
rgb(81,154,135) |
hsl(165,31%,46%) |
#488979 |
rgb(72,137,121) |
hsl(165,31%,41%) |
#3f786a |
rgb(63,120,106) |
hsl(165,31%,36%) |
#37685b |
rgb(55,104,91) |
hsl(165,31%,31%) |
#2e574d |
rgb(46,87,77) |
hsl(165,31%,26%) |
#25463e |
rgb(37,70,62) |
hsl(165,31%,21%) |
#1c352f |
rgb(28,53,47) |
hsl(165,31%,16%) |
#132520 |
rgb(19,37,32) |
hsl(165,31%,11%) |
#0b1412 |
rgb(11,20,18) |
hsl(165,31%,6%) |
#020303 |
rgb(2,3,3) |
hsl(165,31%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA861 |
rgb(90,168,97) |
hsl(125,31%,51%) |
#5AA895 |
rgb(90,168,149) |
hsl(165,31%,51%) |
#5A87A8 |
rgb(90,135,168) |
hsl(205,31%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C4B7 |
rgb(144,196,183) |
hsl(165,31%,67%) |
#75B5A6 |
rgb(117,181,166) |
hsl(166,30%,58%) |
#5AA895 |
rgb(90,168,149) |
hsl(165,31%,51%) |
#4A8F7D |
rgb(74,143,125) |
hsl(164,32%,43%) |
#3C7365 |
rgb(60,115,101) |
hsl(165,31%,34%) |
#2E574D |
rgb(46,87,77) |
hsl(165,31%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA895 |
rgb(90,168,149) |
hsl(165,31%,51%) |
#A85994 |
rgb(168,89,148) |
hsl(315,31%,50%) |
#A86E5A |
rgb(168,110,90) |
hsl(15,31%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA895 |
rgb(90,168,149) |
hsl(165,31%,51%) |
#A8596D |
rgb(168,89,109) |
hsl(345,31%,50%) |
#5AA86E |
rgb(90,168,110) |
hsl(135,31%,51%) |
#A86E5A |
rgb(168,110,90) |
hsl(15,31%,51%) |