HEX #5AA896 color — Breaker Bay
The color #5AA896 is a light shade and slightly desaturated.
Palette
5AA896 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f6 |
rgb(242,248,246) |
hsl(166,31%,96%) |
#e1efec |
rgb(225,239,236) |
hsl(166,31%,91%) |
#d0e6e1 |
rgb(208,230,225) |
hsl(166,31%,86%) |
#c0ded7 |
rgb(192,222,215) |
hsl(166,31%,81%) |
#afd5cc |
rgb(175,213,204) |
hsl(166,31%,76%) |
#9eccc1 |
rgb(158,204,193) |
hsl(166,31%,71%) |
#8dc3b7 |
rgb(141,195,183) |
hsl(166,31%,66%) |
#7dbaac |
rgb(125,186,172) |
hsl(166,31%,61%) |
#6cb2a1 |
rgb(108,178,161) |
hsl(166,31%,56%) |
#5ba997 |
rgb(91,169,151) |
hsl(166,31%,51%) |
#519a89 |
rgb(81,154,137) |
hsl(166,31%,46%) |
#48897a |
rgb(72,137,122) |
hsl(166,31%,41%) |
#3f786b |
rgb(63,120,107) |
hsl(166,31%,36%) |
#37685c |
rgb(55,104,92) |
hsl(166,31%,31%) |
#2e574d |
rgb(46,87,77) |
hsl(166,31%,26%) |
#25463e |
rgb(37,70,62) |
hsl(166,31%,21%) |
#1c3530 |
rgb(28,53,48) |
hsl(166,31%,16%) |
#132521 |
rgb(19,37,33) |
hsl(166,31%,11%) |
#0b1412 |
rgb(11,20,18) |
hsl(166,31%,6%) |
#020303 |
rgb(2,3,3) |
hsl(166,31%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA862 |
rgb(90,168,98) |
hsl(126,31%,51%) |
#5AA896 |
rgb(90,168,150) |
hsl(166,31%,51%) |
#5A87A8 |
rgb(90,135,168) |
hsl(205,31%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C4B8 |
rgb(144,196,184) |
hsl(166,31%,67%) |
#75B5A7 |
rgb(117,181,167) |
hsl(167,30%,58%) |
#5AA896 |
rgb(90,168,150) |
hsl(166,31%,51%) |
#4A8F7E |
rgb(74,143,126) |
hsl(165,32%,43%) |
#3C7366 |
rgb(60,115,102) |
hsl(166,31%,34%) |
#2E574E |
rgb(46,87,78) |
hsl(167,31%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA896 |
rgb(90,168,150) |
hsl(166,31%,51%) |
#A85993 |
rgb(168,89,147) |
hsl(316,31%,50%) |
#A8705A |
rgb(168,112,90) |
hsl(17,31%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA896 |
rgb(90,168,150) |
hsl(166,31%,51%) |
#A8596C |
rgb(168,89,108) |
hsl(346,31%,50%) |
#5AA86F |
rgb(90,168,111) |
hsl(136,31%,51%) |
#A8705A |
rgb(168,112,90) |
hsl(17,31%,51%) |