HEX #557A86 color — Smalt Blue
The color #557A86 is a dark shade and slightly desaturated.
Palette
557A86 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(195,22%,98%) |
#e9eff1 |
rgb(233,239,241) |
hsl(195,22%,93%) |
#dae4e7 |
rgb(218,228,231) |
hsl(195,22%,88%) |
#cad8dd |
rgb(202,216,221) |
hsl(195,22%,83%) |
#bbcdd3 |
rgb(187,205,211) |
hsl(195,22%,78%) |
#abc2c9 |
rgb(171,194,201) |
hsl(195,22%,73%) |
#9bb6bf |
rgb(155,182,191) |
hsl(195,22%,68%) |
#8cabb5 |
rgb(140,171,181) |
hsl(195,22%,63%) |
#7ca0ab |
rgb(124,160,171) |
hsl(195,22%,58%) |
#6d94a2 |
rgb(109,148,162) |
hsl(195,22%,53%) |
#5f8895 |
rgb(95,136,149) |
hsl(195,22%,48%) |
#567a86 |
rgb(86,122,134) |
hsl(195,22%,43%) |
#4c6c76 |
rgb(76,108,118) |
hsl(195,22%,38%) |
#425d67 |
rgb(66,93,103) |
hsl(195,22%,33%) |
#384f57 |
rgb(56,79,87) |
hsl(195,22%,28%) |
#2e4148 |
rgb(46,65,72) |
hsl(195,22%,23%) |
#243338 |
rgb(36,51,56) |
hsl(195,22%,18%) |
#1a2528 |
rgb(26,37,40) |
hsl(195,22%,13%) |
#101719 |
rgb(16,23,25) |
hsl(195,22%,8%) |
#060809 |
rgb(6,8,9) |
hsl(195,22%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#558771 |
rgb(85,135,113) |
hsl(154,23%,43%) |
#557A86 |
rgb(85,122,134) |
hsl(195,22%,43%) |
#555986 |
rgb(85,89,134) |
hsl(235,22%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#779EA9 |
rgb(119,158,169) |
hsl(193,23%,56%) |
#628C9B |
rgb(98,140,155) |
hsl(196,23%,50%) |
#557A86 |
rgb(85,122,134) |
hsl(195,22%,43%) |
#476670 |
rgb(71,102,112) |
hsl(195,22%,36%) |
#39545B |
rgb(57,84,91) |
hsl(192,23%,29%) |
#2C4045 |
rgb(44,64,69) |
hsl(192,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#557A86 |
rgb(85,122,134) |
hsl(195,22%,43%) |
#865461 |
rgb(134,84,97) |
hsl(344,23%,43%) |
#867A55 |
rgb(134,122,85) |
hsl(45,22%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557A86 |
rgb(85,122,134) |
hsl(195,22%,43%) |
#866155 |
rgb(134,97,85) |
hsl(15,22%,43%) |
#558779 |
rgb(85,135,121) |
hsl(163,23%,43%) |
#867A55 |
rgb(134,122,85) |
hsl(45,22%,43%) |