HEX #5B99A4 color — Breaker Bay
The color #5b99a4 is a light shade and slightly desaturated.
Palette
5b99a4 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 |
#5BA37E |
rgb(91,163,126) |
hsl(149,28%,50%) |
#5B99A4 |
rgb(91,153,164) |
hsl(189,29%,50%) |
#5B69A4 |
rgb(91,105,164) |
hsl(228,29%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FBAC1 |
rgb(143,186,193) |
hsl(188,29%,66%) |
#75A8B2 |
rgb(117,168,178) |
hsl(190,28%,58%) |
#5B99A4 |
rgb(91,153,164) |
hsl(189,29%,50%) |
#4C8089 |
rgb(76,128,137) |
hsl(189,29%,42%) |
#3D696F |
rgb(61,105,111) |
hsl(187,29%,34%) |
#2F4F55 |
rgb(47,79,85) |
hsl(189,29%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B99A4 |
rgb(91,153,164) |
hsl(189,29%,50%) |
#A45C74 |
rgb(164,92,116) |
hsl(340,28%,50%) |
#A48A5B |
rgb(164,138,91) |
hsl(39,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B99A4 |
rgb(91,153,164) |
hsl(189,29%,50%) |
#A4665B |
rgb(164,102,91) |
hsl(9,29%,50%) |
#5BA38A |
rgb(91,163,138) |
hsl(159,28%,50%) |
#A48A5B |
rgb(164,138,91) |
hsl(39,29%,50%) |