HEX #5BA3A7 color — Breaker Bay
The color #5BA3A7 is a light shade and slightly desaturated.
Palette
5BA3A7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f8 |
rgb(242,248,248) |
hsl(183,30%,96%) |
#e1eeef |
rgb(225,238,239) |
hsl(183,30%,91%) |
#d1e5e6 |
rgb(209,229,230) |
hsl(183,30%,86%) |
#c0dcdd |
rgb(192,220,221) |
hsl(183,30%,81%) |
#afd2d4 |
rgb(175,210,212) |
hsl(183,30%,76%) |
#9fc9cb |
rgb(159,201,203) |
hsl(183,30%,71%) |
#8ec0c2 |
rgb(142,192,194) |
hsl(183,30%,66%) |
#7eb6b9 |
rgb(126,182,185) |
hsl(183,30%,61%) |
#6dadb0 |
rgb(109,173,176) |
hsl(183,30%,56%) |
#5da4a8 |
rgb(93,164,168) |
hsl(183,30%,51%) |
#529598 |
rgb(82,149,152) |
hsl(183,30%,46%) |
#498588 |
rgb(73,133,136) |
hsl(183,30%,41%) |
#407577 |
rgb(64,117,119) |
hsl(183,30%,36%) |
#376467 |
rgb(55,100,103) |
hsl(183,30%,31%) |
#2e5456 |
rgb(46,84,86) |
hsl(183,30%,26%) |
#254446 |
rgb(37,68,70) |
hsl(183,30%,21%) |
#1d3435 |
rgb(29,52,53) |
hsl(183,30%,16%) |
#142424 |
rgb(20,36,36) |
hsl(183,30%,11%) |
#0b1314 |
rgb(11,19,20) |
hsl(183,30%,6%) |
#020303 |
rgb(2,3,3) |
hsl(183,30%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA678 |
rgb(91,166,120) |
hsl(143,30%,50%) |
#5BA3A7 |
rgb(91,163,167) |
hsl(183,30%,51%) |
#5B70A7 |
rgb(91,112,167) |
hsl(223,30%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C2C3 |
rgb(144,194,195) |
hsl(181,30%,66%) |
#75B3B5 |
rgb(117,179,181) |
hsl(182,30%,58%) |
#5BA3A7 |
rgb(91,163,167) |
hsl(183,30%,51%) |
#4B8A8D |
rgb(75,138,141) |
hsl(183,31%,42%) |
#3D7072 |
rgb(61,112,114) |
hsl(182,30%,34%) |
#2E5457 |
rgb(46,84,87) |
hsl(184,31%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5BA3A7 |
rgb(91,163,167) |
hsl(183,30%,51%) |
#A75C7D |
rgb(167,92,125) |
hsl(334,30%,51%) |
#A7855B |
rgb(167,133,91) |
hsl(33,30%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5BA3A7 |
rgb(91,163,167) |
hsl(183,30%,51%) |
#A75E5B |
rgb(167,94,91) |
hsl(2,30%,51%) |
#5BA685 |
rgb(91,166,133) |
hsl(154,30%,50%) |
#A7855B |
rgb(167,133,91) |
hsl(33,30%,51%) |