HEX #5BA3A2 color — Breaker Bay
The color #5BA3A2 is a light shade and slightly desaturated.
Palette
5BA3A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(179,28%,95%) |
#deedec |
rgb(222,237,236) |
hsl(179,28%,90%) |
#cee3e3 |
rgb(206,227,227) |
hsl(179,28%,85%) |
#bedada |
rgb(190,218,218) |
hsl(179,28%,80%) |
#add1d1 |
rgb(173,209,209) |
hsl(179,28%,75%) |
#9dc8c7 |
rgb(157,200,199) |
hsl(179,28%,70%) |
#8dbfbe |
rgb(141,191,190) |
hsl(179,28%,65%) |
#7cb6b5 |
rgb(124,182,181) |
hsl(179,28%,60%) |
#6cacab |
rgb(108,172,171) |
hsl(179,28%,55%) |
#5ca3a2 |
rgb(92,163,162) |
hsl(179,28%,50%) |
#539392 |
rgb(83,147,146) |
hsl(179,28%,45%) |
#498382 |
rgb(73,131,130) |
hsl(179,28%,40%) |
#407271 |
rgb(64,114,113) |
hsl(179,28%,35%) |
#376261 |
rgb(55,98,97) |
hsl(179,28%,30%) |
#2e5251 |
rgb(46,82,81) |
hsl(179,28%,25%) |
#254141 |
rgb(37,65,65) |
hsl(179,28%,20%) |
#1c3131 |
rgb(28,49,49) |
hsl(179,28%,15%) |
#122120 |
rgb(18,33,32) |
hsl(179,28%,10%) |
#091010 |
rgb(9,16,16) |
hsl(179,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA372 |
rgb(91,163,114) |
hsl(139,28%,50%) |
#5BA3A2 |
rgb(91,163,162) |
hsl(179,28%,50%) |
#5B73A3 |
rgb(91,115,163) |
hsl(220,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBFBF |
rgb(142,191,191) |
hsl(180,28%,65%) |
#74B3B1 |
rgb(116,179,177) |
hsl(178,29%,58%) |
#5BA3A2 |
rgb(91,163,162) |
hsl(179,28%,50%) |
#4C8A88 |
rgb(76,138,136) |
hsl(178,29%,42%) |
#3D6E6E |
rgb(61,110,110) |
hsl(180,29%,34%) |
#2F5454 |
rgb(47,84,84) |
hsl(180,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA3A2 |
rgb(91,163,162) |
hsl(179,28%,50%) |
#A35C80 |
rgb(163,92,128) |
hsl(330,28%,50%) |
#A37D5B |
rgb(163,125,91) |
hsl(28,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA3A2 |
rgb(91,163,162) |
hsl(179,28%,50%) |
#A35C5C |
rgb(163,92,92) |
hsl(360,28%,50%) |
#5BA37E |
rgb(91,163,126) |
hsl(149,28%,50%) |
#A37D5B |
rgb(163,125,91) |
hsl(28,28%,50%) |