HEX #5A9EA4 color — Breaker Bay
The color #5A9EA4 is a light shade and slightly desaturated.
Palette
5A9EA4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff5f6 |
rgb(239,245,246) |
hsl(185,29%,95%) |
| #deeced |
rgb(222,236,237) |
hsl(185,29%,90%) |
| #cee2e4 |
rgb(206,226,228) |
hsl(185,29%,85%) |
| #bdd8db |
rgb(189,216,219) |
hsl(185,29%,80%) |
| #adcfd2 |
rgb(173,207,210) |
hsl(185,29%,75%) |
| #9cc5c9 |
rgb(156,197,201) |
hsl(185,29%,70%) |
| #8cbbc0 |
rgb(140,187,192) |
hsl(185,29%,65%) |
| #7bb2b7 |
rgb(123,178,183) |
hsl(185,29%,60%) |
| #6ba8ae |
rgb(107,168,174) |
hsl(185,29%,55%) |
| #5b9ea4 |
rgb(91,158,164) |
hsl(185,29%,50%) |
| #518e94 |
rgb(81,142,148) |
hsl(185,29%,45%) |
| #487f84 |
rgb(72,127,132) |
hsl(185,29%,40%) |
| #3f6f73 |
rgb(63,111,115) |
hsl(185,29%,35%) |
| #365f63 |
rgb(54,95,99) |
hsl(185,29%,30%) |
| #2d4f52 |
rgb(45,79,82) |
hsl(185,29%,25%) |
| #243f42 |
rgb(36,63,66) |
hsl(185,29%,20%) |
| #1b2f31 |
rgb(27,47,49) |
hsl(185,29%,15%) |
| #122021 |
rgb(18,32,33) |
hsl(185,29%,10%) |
| #091010 |
rgb(9,16,16) |
hsl(185,29%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA378 |
rgb(90,163,120) |
hsl(145,29%,50%) |
| #5A9EA4 |
rgb(90,158,164) |
hsl(185,29%,50%) |
| #5A6EA4 |
rgb(90,110,164) |
hsl(224,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8EBDC1 |
rgb(142,189,193) |
hsl(185,29%,66%) |
| #73ADB2 |
rgb(115,173,178) |
hsl(185,29%,57%) |
| #5A9EA4 |
rgb(90,158,164) |
hsl(185,29%,50%) |
| #4B8589 |
rgb(75,133,137) |
hsl(184,29%,42%) |
| #3D6B6F |
rgb(61,107,111) |
hsl(185,29%,34%) |
| #2E5255 |
rgb(46,82,85) |
hsl(185,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A9EA4 |
rgb(90,158,164) |
hsl(185,29%,50%) |
| #A45979 |
rgb(164,89,121) |
hsl(334,30%,50%) |
| #A4855A |
rgb(164,133,90) |
hsl(35,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A9EA4 |
rgb(90,158,164) |
hsl(185,29%,50%) |
| #A4615A |
rgb(164,97,90) |
hsl(6,29%,50%) |
| #5AA385 |
rgb(90,163,133) |
hsl(155,29%,50%) |
| #A4855A |
rgb(164,133,90) |
hsl(35,29%,50%) |
