HEX #5AA890 color — Breaker Bay
The color #5AA890 is a light shade and slightly desaturated.
Palette
5AA890 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f6 |
rgb(242,248,246) |
hsl(162,31%,96%) |
#e1efeb |
rgb(225,239,235) |
hsl(162,31%,91%) |
#d0e6e0 |
rgb(208,230,224) |
hsl(162,31%,86%) |
#c0ded5 |
rgb(192,222,213) |
hsl(162,31%,81%) |
#afd5c9 |
rgb(175,213,201) |
hsl(162,31%,76%) |
#9eccbe |
rgb(158,204,190) |
hsl(162,31%,71%) |
#8dc3b3 |
rgb(141,195,179) |
hsl(162,31%,66%) |
#7dbaa8 |
rgb(125,186,168) |
hsl(162,31%,61%) |
#6cb29d |
rgb(108,178,157) |
hsl(162,31%,56%) |
#5ba992 |
rgb(91,169,146) |
hsl(162,31%,51%) |
#519a84 |
rgb(81,154,132) |
hsl(162,31%,46%) |
#488976 |
rgb(72,137,118) |
hsl(162,31%,41%) |
#3f7867 |
rgb(63,120,103) |
hsl(162,31%,36%) |
#376859 |
rgb(55,104,89) |
hsl(162,31%,31%) |
#2e574b |
rgb(46,87,75) |
hsl(162,31%,26%) |
#25463c |
rgb(37,70,60) |
hsl(162,31%,21%) |
#1c352e |
rgb(28,53,46) |
hsl(162,31%,16%) |
#132520 |
rgb(19,37,32) |
hsl(162,31%,11%) |
#0b1411 |
rgb(11,20,17) |
hsl(162,31%,6%) |
#020303 |
rgb(2,3,3) |
hsl(162,31%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA85C |
rgb(90,168,92) |
hsl(122,31%,51%) |
#5AA890 |
rgb(90,168,144) |
hsl(162,31%,51%) |
#5A8CA8 |
rgb(90,140,168) |
hsl(202,31%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C4B4 |
rgb(144,196,180) |
hsl(162,31%,67%) |
#75B5A2 |
rgb(117,181,162) |
hsl(162,30%,58%) |
#5AA890 |
rgb(90,168,144) |
hsl(162,31%,51%) |
#4A8F79 |
rgb(74,143,121) |
hsl(161,32%,43%) |
#3C7362 |
rgb(60,115,98) |
hsl(161,31%,34%) |
#2E574B |
rgb(46,87,75) |
hsl(162,31%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA890 |
rgb(90,168,144) |
hsl(162,31%,51%) |
#A85999 |
rgb(168,89,153) |
hsl(311,31%,50%) |
#A8695A |
rgb(168,105,90) |
hsl(12,31%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA890 |
rgb(90,168,144) |
hsl(162,31%,51%) |
#A85972 |
rgb(168,89,114) |
hsl(341,31%,50%) |
#5AA869 |
rgb(90,168,105) |
hsl(132,31%,51%) |
#A8695A |
rgb(168,105,90) |
hsl(12,31%,51%) |