HEX #5AA899 color — Breaker Bay
The color #5AA899 is a light shade and slightly desaturated.
Palette
5AA899 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(168,31%,96%) |
#e1efec |
rgb(225,239,236) |
hsl(168,31%,91%) |
#d0e6e2 |
rgb(208,230,226) |
hsl(168,31%,86%) |
#c0ded8 |
rgb(192,222,216) |
hsl(168,31%,81%) |
#afd5cd |
rgb(175,213,205) |
hsl(168,31%,76%) |
#9eccc3 |
rgb(158,204,195) |
hsl(168,31%,71%) |
#8dc3b8 |
rgb(141,195,184) |
hsl(168,31%,66%) |
#7dbaae |
rgb(125,186,174) |
hsl(168,31%,61%) |
#6cb2a4 |
rgb(108,178,164) |
hsl(168,31%,56%) |
#5ba999 |
rgb(91,169,153) |
hsl(168,31%,51%) |
#519a8b |
rgb(81,154,139) |
hsl(168,31%,46%) |
#48897c |
rgb(72,137,124) |
hsl(168,31%,41%) |
#3f786d |
rgb(63,120,109) |
hsl(168,31%,36%) |
#37685e |
rgb(55,104,94) |
hsl(168,31%,31%) |
#2e574f |
rgb(46,87,79) |
hsl(168,31%,26%) |
#254640 |
rgb(37,70,64) |
hsl(168,31%,21%) |
#1c3530 |
rgb(28,53,48) |
hsl(168,31%,16%) |
#132521 |
rgb(19,37,33) |
hsl(168,31%,11%) |
#0b1412 |
rgb(11,20,18) |
hsl(168,31%,6%) |
#020303 |
rgb(2,3,3) |
hsl(168,31%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA865 |
rgb(90,168,101) |
hsl(128,31%,51%) |
#5AA899 |
rgb(90,168,153) |
hsl(168,31%,51%) |
#5A82A8 |
rgb(90,130,168) |
hsl(209,31%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C4BA |
rgb(144,196,186) |
hsl(168,31%,67%) |
#75B5A9 |
rgb(117,181,169) |
hsl(169,30%,58%) |
#5AA899 |
rgb(90,168,153) |
hsl(168,31%,51%) |
#4A8F81 |
rgb(74,143,129) |
hsl(168,32%,43%) |
#3C7368 |
rgb(60,115,104) |
hsl(168,31%,34%) |
#2E574F |
rgb(46,87,79) |
hsl(168,31%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA899 |
rgb(90,168,153) |
hsl(168,31%,51%) |
#A85990 |
rgb(168,89,144) |
hsl(318,31%,50%) |
#A8735A |
rgb(168,115,90) |
hsl(19,31%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA899 |
rgb(90,168,153) |
hsl(168,31%,51%) |
#A85969 |
rgb(168,89,105) |
hsl(348,31%,50%) |
#5AA872 |
rgb(90,168,114) |
hsl(138,31%,51%) |
#A8735A |
rgb(168,115,90) |
hsl(19,31%,51%) |