HEX #5CA1A2 color — Breaker Bay
The color #5CA1A2 is a light shade and slightly desaturated.
Palette
5CA1A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff6f6 |
rgb(239,246,246) |
hsl(181,28%,95%) |
#deeced |
rgb(222,236,237) |
hsl(181,28%,90%) |
#cee3e3 |
rgb(206,227,227) |
hsl(181,28%,85%) |
#bedada |
rgb(190,218,218) |
hsl(181,28%,80%) |
#add1d1 |
rgb(173,209,209) |
hsl(181,28%,75%) |
#9dc7c8 |
rgb(157,199,200) |
hsl(181,28%,70%) |
#8dbebf |
rgb(141,190,191) |
hsl(181,28%,65%) |
#7cb5b6 |
rgb(124,181,182) |
hsl(181,28%,60%) |
#6cabac |
rgb(108,171,172) |
hsl(181,28%,55%) |
#5ca2a3 |
rgb(92,162,163) |
hsl(181,28%,50%) |
#539293 |
rgb(83,146,147) |
hsl(181,28%,45%) |
#498283 |
rgb(73,130,131) |
hsl(181,28%,40%) |
#407172 |
rgb(64,113,114) |
hsl(181,28%,35%) |
#376162 |
rgb(55,97,98) |
hsl(181,28%,30%) |
#2e5152 |
rgb(46,81,82) |
hsl(181,28%,25%) |
#254141 |
rgb(37,65,65) |
hsl(181,28%,20%) |
#1c3131 |
rgb(28,49,49) |
hsl(181,28%,15%) |
#122021 |
rgb(18,32,33) |
hsl(181,28%,10%) |
#091010 |
rgb(9,16,16) |
hsl(181,28%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5CA374 |
rgb(92,163,116) |
hsl(140,28%,50%) |
#5CA1A2 |
rgb(92,161,162) |
hsl(181,28%,50%) |
#5C73A2 |
rgb(92,115,162) |
hsl(220,28%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBFBF |
rgb(143,191,191) |
hsl(180,27%,65%) |
#75B0B1 |
rgb(117,176,177) |
hsl(181,28%,58%) |
#5CA1A2 |
rgb(92,161,162) |
hsl(181,28%,50%) |
#4D8788 |
rgb(77,135,136) |
hsl(181,28%,42%) |
#3E6E6E |
rgb(62,110,110) |
hsl(180,28%,34%) |
#2F5454 |
rgb(47,84,84) |
hsl(180,28%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5CA1A2 |
rgb(92,161,162) |
hsl(181,28%,50%) |
#A25C7E |
rgb(162,92,126) |
hsl(331,28%,50%) |
#A2805C |
rgb(162,128,92) |
hsl(31,28%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5CA1A2 |
rgb(92,161,162) |
hsl(181,28%,50%) |
#A25C5C |
rgb(162,92,92) |
hsl(360,28%,50%) |
#5CA380 |
rgb(92,163,128) |
hsl(150,28%,50%) |
#A2805C |
rgb(162,128,92) |
hsl(31,28%,50%) |