HEX #558ED3 color — Havelock Blue
The color #558ed3 is a light shade and moderately saturated.
Palette
558ed3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,59%,98%) |
#e3ecf8 |
rgb(227,236,248) |
hsl(213,59%,93%) |
#cedff2 |
rgb(206,223,242) |
hsl(213,59%,88%) |
#bad1ed |
rgb(186,209,237) |
hsl(213,59%,83%) |
#a6c4e8 |
rgb(166,196,232) |
hsl(213,59%,78%) |
#92b6e3 |
rgb(146,182,227) |
hsl(213,59%,73%) |
#7da9de |
rgb(125,169,222) |
hsl(213,59%,68%) |
#699bd8 |
rgb(105,155,216) |
hsl(213,59%,63%) |
#558ed3 |
rgb(85,142,211) |
hsl(213,59%,58%) |
#4080ce |
rgb(64,128,206) |
hsl(213,59%,53%) |
#3273c3 |
rgb(50,115,195) |
hsl(213,59%,48%) |
#2d67ae |
rgb(45,103,174) |
hsl(213,59%,43%) |
#285b9a |
rgb(40,91,154) |
hsl(213,59%,38%) |
#234f86 |
rgb(35,79,134) |
hsl(213,59%,33%) |
#1d4372 |
rgb(29,67,114) |
hsl(213,59%,28%) |
#18375d |
rgb(24,55,93) |
hsl(213,59%,23%) |
#132b49 |
rgb(19,43,73) |
hsl(213,59%,18%) |
#0e1f35 |
rgb(14,31,53) |
hsl(213,59%,13%) |
#081320 |
rgb(8,19,32) |
hsl(213,59%,8%) |
#03070c |
rgb(3,7,12) |
hsl(213,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D4C4 |
rgb(85,212,196) |
hsl(172,60%,58%) |
#558ED3 |
rgb(85,142,211) |
hsl(213,59%,58%) |
#7054D3 |
rgb(112,84,211) |
hsl(253,59%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A0BFE6 |
rgb(160,191,230) |
hsl(213,58%,76%) |
#7AA6DC |
rgb(122,166,220) |
hsl(213,58%,67%) |
#558ED3 |
rgb(85,142,211) |
hsl(213,59%,58%) |
#3375C5 |
rgb(51,117,197) |
hsl(213,59%,49%) |
#295E9F |
rgb(41,94,159) |
hsl(213,59%,39%) |
#1F477A |
rgb(31,71,122) |
hsl(214,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#558ED3 |
rgb(85,142,211) |
hsl(213,59%,58%) |
#D35C55 |
rgb(211,92,85) |
hsl(3,59%,58%) |
#CDD455 |
rgb(205,212,85) |
hsl(63,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558ED3 |
rgb(85,142,211) |
hsl(213,59%,58%) |
#D39955 |
rgb(211,153,85) |
hsl(32,59%,58%) |
#55CCD3 |
rgb(85,204,211) |
hsl(183,59%,58%) |
#CDD455 |
rgb(205,212,85) |
hsl(63,60%,58%) |