HEX #559EA3 color — Breaker Bay
The color #559EA3 is a light shade and slightly desaturated.
Palette
559EA3 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(184,31%,99%) |
#ebf4f4 |
rgb(235,244,244) |
hsl(184,31%,94%) |
#daeaec |
rgb(218,234,236) |
hsl(184,31%,89%) |
#cae1e3 |
rgb(202,225,227) |
hsl(184,31%,84%) |
#b9d8da |
rgb(185,216,218) |
hsl(184,31%,79%) |
#a8cfd1 |
rgb(168,207,209) |
hsl(184,31%,74%) |
#97c5c8 |
rgb(151,197,200) |
hsl(184,31%,69%) |
#87bcc0 |
rgb(135,188,192) |
hsl(184,31%,64%) |
#76b3b7 |
rgb(118,179,183) |
hsl(184,31%,59%) |
#65a9ae |
rgb(101,169,174) |
hsl(184,31%,54%) |
#569fa4 |
rgb(86,159,164) |
hsl(184,31%,49%) |
#4d8e93 |
rgb(77,142,147) |
hsl(184,31%,44%) |
#457e82 |
rgb(69,126,130) |
hsl(184,31%,39%) |
#3c6e72 |
rgb(60,110,114) |
hsl(184,31%,34%) |
#335e61 |
rgb(51,94,97) |
hsl(184,31%,29%) |
#2a4e50 |
rgb(42,78,80) |
hsl(184,31%,24%) |
#213d3f |
rgb(33,61,63) |
hsl(184,31%,19%) |
#192d2f |
rgb(25,45,47) |
hsl(184,31%,14%) |
#101d1e |
rgb(16,29,30) |
hsl(184,31%,9%) |
#070d0d |
rgb(7,13,13) |
hsl(184,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A374 |
rgb(85,163,116) |
hsl(144,31%,49%) |
#559EA3 |
rgb(85,158,163) |
hsl(184,31%,49%) |
#556BA3 |
rgb(85,107,163) |
hsl(223,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86BDC0 |
rgb(134,189,192) |
hsl(183,32%,64%) |
#6CADB2 |
rgb(108,173,178) |
hsl(184,31%,56%) |
#559EA3 |
rgb(85,158,163) |
hsl(184,31%,49%) |
#478588 |
rgb(71,133,136) |
hsl(183,31%,41%) |
#396B6E |
rgb(57,107,110) |
hsl(183,32%,33%) |
#2C5254 |
rgb(44,82,84) |
hsl(183,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#559EA3 |
rgb(85,158,163) |
hsl(184,31%,49%) |
#A35477 |
rgb(163,84,119) |
hsl(333,32%,48%) |
#A38255 |
rgb(163,130,85) |
hsl(35,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#559EA3 |
rgb(85,158,163) |
hsl(184,31%,49%) |
#A35955 |
rgb(163,89,85) |
hsl(3,31%,49%) |
#55A381 |
rgb(85,163,129) |
hsl(154,31%,49%) |
#A38255 |
rgb(163,130,85) |
hsl(35,31%,49%) |