HEX #567DC1 color — Indigo
The color #567DC1 is a dark shade and moderately saturated.
Palette
567DC1 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(218,46%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(218,46%,90%) |
#c7d4ea |
rgb(199,212,234) |
hsl(218,46%,85%) |
#b5c6e3 |
rgb(181,198,227) |
hsl(218,46%,80%) |
#a2b7dd |
rgb(162,183,221) |
hsl(218,46%,75%) |
#8fa9d6 |
rgb(143,169,214) |
hsl(218,46%,70%) |
#7d9bcf |
rgb(125,155,207) |
hsl(218,46%,65%) |
#6a8cc8 |
rgb(106,140,200) |
hsl(218,46%,60%) |
#577ec1 |
rgb(87,126,193) |
hsl(218,46%,55%) |
#4570ba |
rgb(69,112,186) |
hsl(218,46%,50%) |
#3e65a8 |
rgb(62,101,168) |
hsl(218,46%,45%) |
#375995 |
rgb(55,89,149) |
hsl(218,46%,40%) |
#304e82 |
rgb(48,78,130) |
hsl(218,46%,35%) |
#294370 |
rgb(41,67,112) |
hsl(218,46%,30%) |
#22385d |
rgb(34,56,93) |
hsl(218,46%,25%) |
#1c2d4a |
rgb(28,45,74) |
hsl(218,46%,20%) |
#152238 |
rgb(21,34,56) |
hsl(218,46%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(218,46%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(218,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C2BD |
rgb(86,194,189) |
hsl(177,47%,55%) |
#567DC1 |
rgb(86,125,193) |
hsl(218,46%,55%) |
#7657C1 |
rgb(118,87,193) |
hsl(258,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B0D8 |
rgb(151,176,216) |
hsl(217,45%,72%) |
#7696CC |
rgb(118,150,204) |
hsl(218,46%,63%) |
#567DC1 |
rgb(86,125,193) |
hsl(218,46%,55%) |
#3E66AB |
rgb(62,102,171) |
hsl(218,47%,46%) |
#32548A |
rgb(50,84,138) |
hsl(217,47%,37%) |
#26406A |
rgb(38,64,106) |
hsl(217,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#567DC1 |
rgb(86,125,193) |
hsl(218,46%,55%) |
#C16356 |
rgb(193,99,86) |
hsl(7,46%,55%) |
#B2C256 |
rgb(178,194,86) |
hsl(69,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#567DC1 |
rgb(86,125,193) |
hsl(218,46%,55%) |
#C19956 |
rgb(193,153,86) |
hsl(38,46%,55%) |
#56B3C1 |
rgb(86,179,193) |
hsl(188,46%,55%) |
#B2C256 |
rgb(178,194,86) |
hsl(69,47%,55%) |