HEX #558AD6 color — Havelock Blue
The color #558AD6 is a light shade and moderately saturated.
Palette
558AD6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,61%,99%) |
#e6eef9 |
rgb(230,238,249) |
hsl(215,61%,94%) |
#d2e0f4 |
rgb(210,224,244) |
hsl(215,61%,89%) |
#bdd2ef |
rgb(189,210,239) |
hsl(215,61%,84%) |
#a9c4ea |
rgb(169,196,234) |
hsl(215,61%,79%) |
#94b6e5 |
rgb(148,182,229) |
hsl(215,61%,74%) |
#80a8e0 |
rgb(128,168,224) |
hsl(215,61%,69%) |
#6b9adb |
rgb(107,154,219) |
hsl(215,61%,64%) |
#578cd6 |
rgb(87,140,214) |
hsl(215,61%,59%) |
#427ed1 |
rgb(66,126,209) |
hsl(215,61%,54%) |
#3170c9 |
rgb(49,112,201) |
hsl(215,61%,49%) |
#2c65b5 |
rgb(44,101,181) |
hsl(215,61%,44%) |
#2759a0 |
rgb(39,89,160) |
hsl(215,61%,39%) |
#224e8c |
rgb(34,78,140) |
hsl(215,61%,34%) |
#1d4277 |
rgb(29,66,119) |
hsl(215,61%,29%) |
#183763 |
rgb(24,55,99) |
hsl(215,61%,24%) |
#132c4e |
rgb(19,44,78) |
hsl(215,61%,19%) |
#0e2039 |
rgb(14,32,57) |
hsl(215,61%,14%) |
#091525 |
rgb(9,21,37) |
hsl(215,61%,9%) |
#040910 |
rgb(4,9,16) |
hsl(215,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6CC |
rgb(85,214,204) |
hsl(175,61%,59%) |
#558AD6 |
rgb(85,138,214) |
hsl(215,61%,59%) |
#7654D6 |
rgb(118,84,214) |
hsl(256,61%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2BFE8 |
rgb(162,191,232) |
hsl(215,60%,77%) |
#7BA6DF |
rgb(123,166,223) |
hsl(214,61%,68%) |
#558AD6 |
rgb(85,138,214) |
hsl(215,61%,59%) |
#3070CA |
rgb(48,112,202) |
hsl(215,62%,49%) |
#275CA3 |
rgb(39,92,163) |
hsl(214,61%,40%) |
#1E457D |
rgb(30,69,125) |
hsl(215,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#558AD6 |
rgb(85,138,214) |
hsl(215,61%,59%) |
#D66155 |
rgb(214,97,85) |
hsl(6,61%,59%) |
#CAD655 |
rgb(202,214,85) |
hsl(66,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558AD6 |
rgb(85,138,214) |
hsl(215,61%,59%) |
#D6A155 |
rgb(214,161,85) |
hsl(35,61%,59%) |
#55C9D6 |
rgb(85,201,214) |
hsl(186,61%,59%) |
#CAD655 |
rgb(202,214,85) |
hsl(66,61%,59%) |