HEX #5A99A4 color — Breaker Bay
The color #5A99A4 is a light shade and slightly desaturated.
Palette
5A99A4 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f6 |
rgb(239,245,246) |
hsl(189,29%,95%) |
#deebed |
rgb(222,235,237) |
hsl(189,29%,90%) |
#cee1e4 |
rgb(206,225,228) |
hsl(189,29%,85%) |
#bdd6db |
rgb(189,214,219) |
hsl(189,29%,80%) |
#adccd2 |
rgb(173,204,210) |
hsl(189,29%,75%) |
#9cc2c9 |
rgb(156,194,201) |
hsl(189,29%,70%) |
#8cb8c0 |
rgb(140,184,192) |
hsl(189,29%,65%) |
#7baeb7 |
rgb(123,174,183) |
hsl(189,29%,60%) |
#6ba4ae |
rgb(107,164,174) |
hsl(189,29%,55%) |
#5b99a4 |
rgb(91,153,164) |
hsl(189,29%,50%) |
#518a94 |
rgb(81,138,148) |
hsl(189,29%,45%) |
#487b84 |
rgb(72,123,132) |
hsl(189,29%,40%) |
#3f6b73 |
rgb(63,107,115) |
hsl(189,29%,35%) |
#365c63 |
rgb(54,92,99) |
hsl(189,29%,30%) |
#2d4d52 |
rgb(45,77,82) |
hsl(189,29%,25%) |
#243d42 |
rgb(36,61,66) |
hsl(189,29%,20%) |
#1b2e31 |
rgb(27,46,49) |
hsl(189,29%,15%) |
#121f21 |
rgb(18,31,33) |
hsl(189,29%,10%) |
#090f10 |
rgb(9,15,16) |
hsl(189,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA37D |
rgb(90,163,125) |
hsl(149,29%,50%) |
#5A99A4 |
rgb(90,153,164) |
hsl(189,29%,50%) |
#5A69A4 |
rgb(90,105,164) |
hsl(228,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EBAC1 |
rgb(142,186,193) |
hsl(188,29%,66%) |
#73A8B2 |
rgb(115,168,178) |
hsl(190,29%,57%) |
#5A99A4 |
rgb(90,153,164) |
hsl(189,29%,50%) |
#4B8089 |
rgb(75,128,137) |
hsl(189,29%,42%) |
#3D696F |
rgb(61,105,111) |
hsl(187,29%,34%) |
#2E4F55 |
rgb(46,79,85) |
hsl(189,30%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A99A4 |
rgb(90,153,164) |
hsl(189,29%,50%) |
#A45974 |
rgb(164,89,116) |
hsl(338,30%,50%) |
#A48A5A |
rgb(164,138,90) |
hsl(39,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A99A4 |
rgb(90,153,164) |
hsl(189,29%,50%) |
#A4665A |
rgb(164,102,90) |
hsl(10,29%,50%) |
#5AA38A |
rgb(90,163,138) |
hsl(159,29%,50%) |
#A48A5A |
rgb(164,138,90) |
hsl(39,29%,50%) |