HEX #5678DA color — Havelock Blue
The color #5678DA is a dark shade and moderately saturated.
Palette
5678DA color palette from light to dark
HEX |
RGB |
HSL |
#eaeefa |
rgb(234,238,250) |
hsl(225,64%,95%) |
#d5ddf6 |
rgb(213,221,246) |
hsl(225,64%,90%) |
#c0cdf1 |
rgb(192,205,241) |
hsl(225,64%,85%) |
#abbced |
rgb(171,188,237) |
hsl(225,64%,80%) |
#96abe8 |
rgb(150,171,232) |
hsl(225,64%,75%) |
#829ae3 |
rgb(130,154,227) |
hsl(225,64%,70%) |
#6d89df |
rgb(109,137,223) |
hsl(225,64%,65%) |
#5878da |
rgb(88,120,218) |
hsl(225,64%,60%) |
#4368d6 |
rgb(67,104,214) |
hsl(225,64%,55%) |
#2e57d1 |
rgb(46,87,209) |
hsl(225,64%,50%) |
#294ebc |
rgb(41,78,188) |
hsl(225,64%,45%) |
#2545a7 |
rgb(37,69,167) |
hsl(225,64%,40%) |
#203d92 |
rgb(32,61,146) |
hsl(225,64%,35%) |
#1c347d |
rgb(28,52,125) |
hsl(225,64%,30%) |
#172b69 |
rgb(23,43,105) |
hsl(225,64%,25%) |
#122354 |
rgb(18,35,84) |
hsl(225,64%,20%) |
#0e1a3f |
rgb(14,26,63) |
hsl(225,64%,15%) |
#09112a |
rgb(9,17,42) |
hsl(225,64%,10%) |
#050915 |
rgb(5,9,21) |
hsl(225,64%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D1DA |
rgb(86,209,218) |
hsl(184,64%,60%) |
#5678DA |
rgb(86,120,218) |
hsl(225,64%,60%) |
#8C57DA |
rgb(140,87,218) |
hsl(264,64%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5B8EB |
rgb(165,184,235) |
hsl(224,64%,78%) |
#7D99E2 |
rgb(125,153,226) |
hsl(223,64%,69%) |
#5678DA |
rgb(86,120,218) |
hsl(225,64%,60%) |
#2E59D1 |
rgb(46,89,209) |
hsl(224,64%,50%) |
#2547A9 |
rgb(37,71,169) |
hsl(225,64%,40%) |
#1C3681 |
rgb(28,54,129) |
hsl(225,64%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678DA |
rgb(86,120,218) |
hsl(225,64%,60%) |
#DA7556 |
rgb(218,117,86) |
hsl(14,64%,60%) |
#BAD956 |
rgb(186,217,86) |
hsl(74,63%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678DA |
rgb(86,120,218) |
hsl(225,64%,60%) |
#DAB856 |
rgb(218,184,86) |
hsl(45,64%,60%) |
#56BADA |
rgb(86,186,218) |
hsl(195,64%,60%) |
#BAD956 |
rgb(186,217,86) |
hsl(74,63%,59%) |