HEX #558CD6 color — Havelock Blue
The color #558CD6 is a light shade and moderately saturated.
Palette
558CD6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(214,61%,99%) |
#e6eef9 |
rgb(230,238,249) |
hsl(214,61%,94%) |
#d2e1f4 |
rgb(210,225,244) |
hsl(214,61%,89%) |
#bdd3ef |
rgb(189,211,239) |
hsl(214,61%,84%) |
#a9c5ea |
rgb(169,197,234) |
hsl(214,61%,79%) |
#94b7e5 |
rgb(148,183,229) |
hsl(214,61%,74%) |
#80aae0 |
rgb(128,170,224) |
hsl(214,61%,69%) |
#6b9cdb |
rgb(107,156,219) |
hsl(214,61%,64%) |
#578ed6 |
rgb(87,142,214) |
hsl(214,61%,59%) |
#4280d1 |
rgb(66,128,209) |
hsl(214,61%,54%) |
#3173c9 |
rgb(49,115,201) |
hsl(214,61%,49%) |
#2c67b5 |
rgb(44,103,181) |
hsl(214,61%,44%) |
#275ba0 |
rgb(39,91,160) |
hsl(214,61%,39%) |
#22508c |
rgb(34,80,140) |
hsl(214,61%,34%) |
#1d4477 |
rgb(29,68,119) |
hsl(214,61%,29%) |
#183863 |
rgb(24,56,99) |
hsl(214,61%,24%) |
#132d4e |
rgb(19,45,78) |
hsl(214,61%,19%) |
#0e2139 |
rgb(14,33,57) |
hsl(214,61%,14%) |
#091525 |
rgb(9,21,37) |
hsl(214,61%,9%) |
#040910 |
rgb(4,9,16) |
hsl(214,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6CA |
rgb(85,214,202) |
hsl(174,61%,59%) |
#558CD6 |
rgb(85,140,214) |
hsl(214,61%,59%) |
#7454D6 |
rgb(116,84,214) |
hsl(255,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%) |
#558CD6 |
rgb(85,140,214) |
hsl(214,61%,59%) |
#3073CA |
rgb(48,115,202) |
hsl(214,62%,49%) |
#275CA3 |
rgb(39,92,163) |
hsl(214,61%,40%) |
#1E477D |
rgb(30,71,125) |
hsl(214,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CD6 |
rgb(85,140,214) |
hsl(214,61%,59%) |
#D65E55 |
rgb(214,94,85) |
hsl(4,61%,59%) |
#CCD655 |
rgb(204,214,85) |
hsl(65,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CD6 |
rgb(85,140,214) |
hsl(214,61%,59%) |
#D69E55 |
rgb(214,158,85) |
hsl(34,61%,59%) |
#55CCD6 |
rgb(85,204,214) |
hsl(185,61%,59%) |
#CCD655 |
rgb(204,214,85) |
hsl(65,61%,59%) |