HEX #559EA2 color — Breaker Bay
The color #559EA2 is a light shade and slightly desaturated.
Palette
559EA2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfb |
rgb(248,251,251) |
hsl(183,31%,98%) |
#e8f2f3 |
rgb(232,242,243) |
hsl(183,31%,93%) |
#d7e9ea |
rgb(215,233,234) |
hsl(183,31%,88%) |
#c6e0e1 |
rgb(198,224,225) |
hsl(183,31%,83%) |
#b6d7d8 |
rgb(182,215,216) |
hsl(183,31%,78%) |
#a5cdcf |
rgb(165,205,207) |
hsl(183,31%,73%) |
#94c4c7 |
rgb(148,196,199) |
hsl(183,31%,68%) |
#83bbbe |
rgb(131,187,190) |
hsl(183,31%,63%) |
#73b2b5 |
rgb(115,178,181) |
hsl(183,31%,58%) |
#62a9ac |
rgb(98,169,172) |
hsl(183,31%,53%) |
#549da0 |
rgb(84,157,160) |
hsl(183,31%,48%) |
#4c8c90 |
rgb(76,140,144) |
hsl(183,31%,43%) |
#437c7f |
rgb(67,124,127) |
hsl(183,31%,38%) |
#3a6c6e |
rgb(58,108,110) |
hsl(183,31%,33%) |
#315b5e |
rgb(49,91,94) |
hsl(183,31%,28%) |
#284b4d |
rgb(40,75,77) |
hsl(183,31%,23%) |
#203b3c |
rgb(32,59,60) |
hsl(183,31%,18%) |
#172a2b |
rgb(23,42,43) |
hsl(183,31%,13%) |
#0e1a1b |
rgb(14,26,27) |
hsl(183,31%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(183,31%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A372 |
rgb(85,163,114) |
hsl(142,31%,49%) |
#559EA2 |
rgb(85,158,162) |
hsl(183,31%,48%) |
#556BA2 |
rgb(85,107,162) |
hsl(223,31%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86BDBF |
rgb(134,189,191) |
hsl(182,31%,64%) |
#6CADB2 |
rgb(108,173,178) |
hsl(184,31%,56%) |
#559EA2 |
rgb(85,158,162) |
hsl(183,31%,48%) |
#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 |
#559EA2 |
rgb(85,158,162) |
hsl(183,31%,48%) |
#A25477 |
rgb(162,84,119) |
hsl(333,32%,48%) |
#A28055 |
rgb(162,128,85) |
hsl(34,31%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#559EA2 |
rgb(85,158,162) |
hsl(183,31%,48%) |
#A25955 |
rgb(162,89,85) |
hsl(3,31%,48%) |
#55A37F |
rgb(85,163,127) |
hsl(152,31%,49%) |
#A28055 |
rgb(162,128,85) |
hsl(34,31%,48%) |