HEX #558FD6 color — Havelock Blue
The color #558FD6 is a light shade and moderately saturated.
Palette
558FD6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,61%,99%) |
#e6eff9 |
rgb(230,239,249) |
hsl(213,61%,94%) |
#d2e1f4 |
rgb(210,225,244) |
hsl(213,61%,89%) |
#bdd4ef |
rgb(189,212,239) |
hsl(213,61%,84%) |
#a9c6ea |
rgb(169,198,234) |
hsl(213,61%,79%) |
#94b9e5 |
rgb(148,185,229) |
hsl(213,61%,74%) |
#80abe0 |
rgb(128,171,224) |
hsl(213,61%,69%) |
#6b9edb |
rgb(107,158,219) |
hsl(213,61%,64%) |
#5790d6 |
rgb(87,144,214) |
hsl(213,61%,59%) |
#4283d1 |
rgb(66,131,209) |
hsl(213,61%,54%) |
#3175c9 |
rgb(49,117,201) |
hsl(213,61%,49%) |
#2c69b5 |
rgb(44,105,181) |
hsl(213,61%,44%) |
#275da0 |
rgb(39,93,160) |
hsl(213,61%,39%) |
#22518c |
rgb(34,81,140) |
hsl(213,61%,34%) |
#1d4577 |
rgb(29,69,119) |
hsl(213,61%,29%) |
#183963 |
rgb(24,57,99) |
hsl(213,61%,24%) |
#132d4e |
rgb(19,45,78) |
hsl(213,61%,19%) |
#0e2239 |
rgb(14,34,57) |
hsl(213,61%,14%) |
#091625 |
rgb(9,22,37) |
hsl(213,61%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(213,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6C7 |
rgb(85,214,199) |
hsl(173,61%,59%) |
#558FD6 |
rgb(85,143,214) |
hsl(213,61%,59%) |
#7154D6 |
rgb(113,84,214) |
hsl(253,61%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2C2E8 |
rgb(162,194,232) |
hsl(213,60%,77%) |
#7BA8DF |
rgb(123,168,223) |
hsl(213,61%,68%) |
#558FD6 |
rgb(85,143,214) |
hsl(213,61%,59%) |
#3075CA |
rgb(48,117,202) |
hsl(213,62%,49%) |
#275EA3 |
rgb(39,94,163) |
hsl(213,61%,40%) |
#1E4A7D |
rgb(30,74,125) |
hsl(212,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#558FD6 |
rgb(85,143,214) |
hsl(213,61%,59%) |
#D65C55 |
rgb(214,92,85) |
hsl(3,61%,59%) |
#CFD655 |
rgb(207,214,85) |
hsl(63,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558FD6 |
rgb(85,143,214) |
hsl(213,61%,59%) |
#D69C55 |
rgb(214,156,85) |
hsl(33,61%,59%) |
#55CFD6 |
rgb(85,207,214) |
hsl(183,61%,59%) |
#CFD655 |
rgb(207,214,85) |
hsl(63,61%,59%) |