HEX #5BA1A3 color — Breaker Bay
The color #5BA1A3 is a light shade and slightly desaturated.
Palette
5BA1A3 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(182,28%,95%) |
#deeced |
rgb(222,236,237) |
hsl(182,28%,90%) |
#cee3e3 |
rgb(206,227,227) |
hsl(182,28%,85%) |
#bed9da |
rgb(190,217,218) |
hsl(182,28%,80%) |
#add0d1 |
rgb(173,208,209) |
hsl(182,28%,75%) |
#9dc6c8 |
rgb(157,198,200) |
hsl(182,28%,70%) |
#8dbdbf |
rgb(141,189,191) |
hsl(182,28%,65%) |
#7cb4b6 |
rgb(124,180,182) |
hsl(182,28%,60%) |
#6caaac |
rgb(108,170,172) |
hsl(182,28%,55%) |
#5ca1a3 |
rgb(92,161,163) |
hsl(182,28%,50%) |
#539193 |
rgb(83,145,147) |
hsl(182,28%,45%) |
#498183 |
rgb(73,129,131) |
hsl(182,28%,40%) |
#407172 |
rgb(64,113,114) |
hsl(182,28%,35%) |
#376062 |
rgb(55,96,98) |
hsl(182,28%,30%) |
#2e5052 |
rgb(46,80,82) |
hsl(182,28%,25%) |
#254041 |
rgb(37,64,65) |
hsl(182,28%,20%) |
#1c3031 |
rgb(28,48,49) |
hsl(182,28%,15%) |
#122021 |
rgb(18,32,33) |
hsl(182,28%,10%) |
#091010 |
rgb(9,16,16) |
hsl(182,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA375 |
rgb(91,163,117) |
hsl(142,28%,50%) |
#5BA1A3 |
rgb(91,161,163) |
hsl(182,28%,50%) |
#5B70A3 |
rgb(91,112,163) |
hsl(223,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBFC0 |
rgb(142,191,192) |
hsl(181,28%,65%) |
#74B0B1 |
rgb(116,176,177) |
hsl(181,28%,57%) |
#5BA1A3 |
rgb(91,161,163) |
hsl(182,28%,50%) |
#4C8788 |
rgb(76,135,136) |
hsl(181,28%,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 |
#5BA1A3 |
rgb(91,161,163) |
hsl(182,28%,50%) |
#A35C7D |
rgb(163,92,125) |
hsl(332,28%,50%) |
#A3825B |
rgb(163,130,91) |
hsl(33,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA1A3 |
rgb(91,161,163) |
hsl(182,28%,50%) |
#A35C5B |
rgb(163,92,91) |
hsl(1,28%,50%) |
#5BA381 |
rgb(91,163,129) |
hsl(152,28%,50%) |
#A3825B |
rgb(163,130,91) |
hsl(33,28%,50%) |