HEX #5F99A2 color — Breaker Bay
The color #5F99A2 is a light shade and slightly desaturated.
Palette
5F99A2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff5f6 |
rgb(239,245,246) |
hsl(188,26%,95%) |
| #dfeaec |
rgb(223,234,236) |
hsl(188,26%,90%) |
| #cfe0e3 |
rgb(207,224,227) |
hsl(188,26%,85%) |
| #bfd6d9 |
rgb(191,214,217) |
hsl(188,26%,80%) |
| #afcbd0 |
rgb(175,203,208) |
hsl(188,26%,75%) |
| #9fc1c6 |
rgb(159,193,198) |
hsl(188,26%,70%) |
| #8fb7bd |
rgb(143,183,189) |
hsl(188,26%,65%) |
| #7eacb4 |
rgb(126,172,180) |
hsl(188,26%,60%) |
| #6ea2aa |
rgb(110,162,170) |
hsl(188,26%,55%) |
| #5e98a1 |
rgb(94,152,161) |
hsl(188,26%,50%) |
| #558991 |
rgb(85,137,145) |
hsl(188,26%,45%) |
| #4b7981 |
rgb(75,121,129) |
hsl(188,26%,40%) |
| #426a70 |
rgb(66,106,112) |
hsl(188,26%,35%) |
| #395b60 |
rgb(57,91,96) |
hsl(188,26%,30%) |
| #2f4c50 |
rgb(47,76,80) |
hsl(188,26%,25%) |
| #263d40 |
rgb(38,61,64) |
hsl(188,26%,20%) |
| #1c2e30 |
rgb(28,46,48) |
hsl(188,26%,15%) |
| #131e20 |
rgb(19,30,32) |
hsl(188,26%,10%) |
| #090f10 |
rgb(9,15,16) |
hsl(188,26%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5FA37E |
rgb(95,163,126) |
hsl(147,27%,51%) |
| #5F99A2 |
rgb(95,153,162) |
hsl(188,26%,50%) |
| #5F6BA2 |
rgb(95,107,162) |
hsl(229,26%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #93BAC0 |
rgb(147,186,192) |
hsl(188,26%,66%) |
| #79ABB1 |
rgb(121,171,177) |
hsl(186,26%,58%) |
| #5F99A2 |
rgb(95,153,162) |
hsl(188,26%,50%) |
| #4F8288 |
rgb(79,130,136) |
hsl(186,27%,42%) |
| #40696E |
rgb(64,105,110) |
hsl(187,26%,34%) |
| #314F54 |
rgb(49,79,84) |
hsl(189,26%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5F99A2 |
rgb(95,153,162) |
hsl(188,26%,50%) |
| #A25E77 |
rgb(162,94,119) |
hsl(338,27%,50%) |
| #A28A5F |
rgb(162,138,95) |
hsl(39,26%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5F99A2 |
rgb(95,153,162) |
hsl(188,26%,50%) |
| #A2695F |
rgb(162,105,95) |
hsl(9,26%,50%) |
| #5FA389 |
rgb(95,163,137) |
hsl(157,27%,51%) |
| #A28A5F |
rgb(162,138,95) |
hsl(39,26%,50%) |
