HEX #5BA3A0 color — Breaker Bay
The color #5BA3A0 is a light shade and slightly desaturated.
Palette
5BA3A0 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(178,28%,95%) |
#deedec |
rgb(222,237,236) |
hsl(178,28%,90%) |
#cee3e3 |
rgb(206,227,227) |
hsl(178,28%,85%) |
#bedad9 |
rgb(190,218,217) |
hsl(178,28%,80%) |
#add1d0 |
rgb(173,209,208) |
hsl(178,28%,75%) |
#9dc8c6 |
rgb(157,200,198) |
hsl(178,28%,70%) |
#8dbfbd |
rgb(141,191,189) |
hsl(178,28%,65%) |
#7cb6b4 |
rgb(124,182,180) |
hsl(178,28%,60%) |
#6cacaa |
rgb(108,172,170) |
hsl(178,28%,55%) |
#5ca3a1 |
rgb(92,163,161) |
hsl(178,28%,50%) |
#539391 |
rgb(83,147,145) |
hsl(178,28%,45%) |
#498381 |
rgb(73,131,129) |
hsl(178,28%,40%) |
#407271 |
rgb(64,114,113) |
hsl(178,28%,35%) |
#376260 |
rgb(55,98,96) |
hsl(178,28%,30%) |
#2e5250 |
rgb(46,82,80) |
hsl(178,28%,25%) |
#254140 |
rgb(37,65,64) |
hsl(178,28%,20%) |
#1c3130 |
rgb(28,49,48) |
hsl(178,28%,15%) |
#122120 |
rgb(18,33,32) |
hsl(178,28%,10%) |
#091010 |
rgb(9,16,16) |
hsl(178,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA370 |
rgb(91,163,112) |
hsl(138,28%,50%) |
#5BA3A0 |
rgb(91,163,160) |
hsl(178,28%,50%) |
#5B75A3 |
rgb(91,117,163) |
hsl(218,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBFBE |
rgb(142,191,190) |
hsl(179,28%,65%) |
#74B3AF |
rgb(116,179,175) |
hsl(176,29%,58%) |
#5BA3A0 |
rgb(91,163,160) |
hsl(178,28%,50%) |
#4C8A86 |
rgb(76,138,134) |
hsl(176,29%,42%) |
#3D6E6C |
rgb(61,110,108) |
hsl(178,29%,34%) |
#2F5453 |
rgb(47,84,83) |
hsl(178,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA3A0 |
rgb(91,163,160) |
hsl(178,28%,50%) |
#A35C82 |
rgb(163,92,130) |
hsl(328,28%,50%) |
#A37D5B |
rgb(163,125,91) |
hsl(28,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA3A0 |
rgb(91,163,160) |
hsl(178,28%,50%) |
#A35C5E |
rgb(163,92,94) |
hsl(358,28%,50%) |
#5BA37C |
rgb(91,163,124) |
hsl(148,28%,50%) |
#A37D5B |
rgb(163,125,91) |
hsl(28,28%,50%) |