HEX #5A9EA3 color — Breaker Bay
The color #5A9EA3 is a light shade and slightly desaturated.
Palette
5A9EA3 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff5f6 |
rgb(239,245,246) |
hsl(184,29%,95%) |
| #deeced |
rgb(222,236,237) |
hsl(184,29%,90%) |
| #cee2e4 |
rgb(206,226,228) |
hsl(184,29%,85%) |
| #bdd9db |
rgb(189,217,219) |
hsl(184,29%,80%) |
| #adcfd2 |
rgb(173,207,210) |
hsl(184,29%,75%) |
| #9cc6c9 |
rgb(156,198,201) |
hsl(184,29%,70%) |
| #8cbcc0 |
rgb(140,188,192) |
hsl(184,29%,65%) |
| #7bb3b7 |
rgb(123,179,183) |
hsl(184,29%,60%) |
| #6ba9ae |
rgb(107,169,174) |
hsl(184,29%,55%) |
| #5ba0a4 |
rgb(91,160,164) |
hsl(184,29%,50%) |
| #519094 |
rgb(81,144,148) |
hsl(184,29%,45%) |
| #488084 |
rgb(72,128,132) |
hsl(184,29%,40%) |
| #3f7073 |
rgb(63,112,115) |
hsl(184,29%,35%) |
| #366063 |
rgb(54,96,99) |
hsl(184,29%,30%) |
| #2d5052 |
rgb(45,80,82) |
hsl(184,29%,25%) |
| #244042 |
rgb(36,64,66) |
hsl(184,29%,20%) |
| #1b3031 |
rgb(27,48,49) |
hsl(184,29%,15%) |
| #122021 |
rgb(18,32,33) |
hsl(184,29%,10%) |
| #091010 |
rgb(9,16,16) |
hsl(184,29%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA377 |
rgb(90,163,119) |
hsl(144,29%,50%) |
| #5A9EA3 |
rgb(90,158,163) |
hsl(184,29%,50%) |
| #5A6EA3 |
rgb(90,110,163) |
hsl(224,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8DBDC0 |
rgb(141,189,192) |
hsl(184,29%,65%) |
| #73ADB1 |
rgb(115,173,177) |
hsl(184,28%,57%) |
| #5A9EA3 |
rgb(90,158,163) |
hsl(184,29%,50%) |
| #4B8588 |
rgb(75,133,136) |
hsl(183,29%,41%) |
| #3D6B6E |
rgb(61,107,110) |
hsl(184,29%,34%) |
| #2E5254 |
rgb(46,82,84) |
hsl(183,29%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A9EA3 |
rgb(90,158,163) |
hsl(184,29%,50%) |
| #A35979 |
rgb(163,89,121) |
hsl(334,29%,49%) |
| #A3855A |
rgb(163,133,90) |
hsl(35,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A9EA3 |
rgb(90,158,163) |
hsl(184,29%,50%) |
| #A35E5A |
rgb(163,94,90) |
hsl(3,29%,50%) |
| #5AA383 |
rgb(90,163,131) |
hsl(154,29%,50%) |
| #A3855A |
rgb(163,133,90) |
hsl(35,29%,50%) |
