HEX #558286 color — Smalt Blue
The color #558286 is a dark shade and slightly desaturated.
Palette
558286 color palette from light to dark
HEX |
RGB |
HSL |
#f9fbfb |
rgb(249,251,251) |
hsl(185,22%,98%) |
#e9f0f1 |
rgb(233,240,241) |
hsl(185,22%,93%) |
#dae6e7 |
rgb(218,230,231) |
hsl(185,22%,88%) |
#cadcdd |
rgb(202,220,221) |
hsl(185,22%,83%) |
#bbd1d3 |
rgb(187,209,211) |
hsl(185,22%,78%) |
#abc7c9 |
rgb(171,199,201) |
hsl(185,22%,73%) |
#9bbcbf |
rgb(155,188,191) |
hsl(185,22%,68%) |
#8cb2b5 |
rgb(140,178,181) |
hsl(185,22%,63%) |
#7ca8ab |
rgb(124,168,171) |
hsl(185,22%,58%) |
#6d9da2 |
rgb(109,157,162) |
hsl(185,22%,53%) |
#5f9195 |
rgb(95,145,149) |
hsl(185,22%,48%) |
#568286 |
rgb(86,130,134) |
hsl(185,22%,43%) |
#4c7376 |
rgb(76,115,118) |
hsl(185,22%,38%) |
#426467 |
rgb(66,100,103) |
hsl(185,22%,33%) |
#385457 |
rgb(56,84,87) |
hsl(185,22%,28%) |
#2e4548 |
rgb(46,69,72) |
hsl(185,22%,23%) |
#243638 |
rgb(36,54,56) |
hsl(185,22%,18%) |
#1a2728 |
rgb(26,39,40) |
hsl(185,22%,13%) |
#101819 |
rgb(16,24,25) |
hsl(185,22%,8%) |
#060909 |
rgb(6,9,9) |
hsl(185,22%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#558769 |
rgb(85,135,105) |
hsl(144,23%,43%) |
#558286 |
rgb(85,130,134) |
hsl(185,22%,43%) |
#556186 |
rgb(85,97,134) |
hsl(225,22%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A6A9 |
rgb(119,166,169) |
hsl(184,23%,56%) |
#62969B |
rgb(98,150,155) |
hsl(185,23%,50%) |
#558286 |
rgb(85,130,134) |
hsl(185,22%,43%) |
#476E70 |
rgb(71,110,112) |
hsl(183,22%,36%) |
#39595B |
rgb(57,89,91) |
hsl(184,23%,29%) |
#2C4545 |
rgb(44,69,69) |
hsl(180,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#558286 |
rgb(85,130,134) |
hsl(185,22%,43%) |
#865469 |
rgb(134,84,105) |
hsl(335,23%,43%) |
#867355 |
rgb(134,115,85) |
hsl(37,22%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558286 |
rgb(85,130,134) |
hsl(185,22%,43%) |
#865955 |
rgb(134,89,85) |
hsl(5,22%,43%) |
#558771 |
rgb(85,135,113) |
hsl(154,23%,43%) |
#867355 |
rgb(134,115,85) |
hsl(37,22%,43%) |