HEX #567DC2 color — Indigo
The color #567DC2 is a dark shade and moderately saturated.
Palette
567DC2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(218,47%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(218,47%,90%) |
#c7d4eb |
rgb(199,212,235) |
hsl(218,47%,85%) |
#b4c6e4 |
rgb(180,198,228) |
hsl(218,47%,80%) |
#a1b7dd |
rgb(161,183,221) |
hsl(218,47%,75%) |
#8fa9d6 |
rgb(143,169,214) |
hsl(218,47%,70%) |
#7c9bd0 |
rgb(124,155,208) |
hsl(218,47%,65%) |
#698cc9 |
rgb(105,140,201) |
hsl(218,47%,60%) |
#567ec2 |
rgb(86,126,194) |
hsl(218,47%,55%) |
#4470bb |
rgb(68,112,187) |
hsl(218,47%,50%) |
#3d64a9 |
rgb(61,100,169) |
hsl(218,47%,45%) |
#365996 |
rgb(54,89,150) |
hsl(218,47%,40%) |
#2f4e83 |
rgb(47,78,131) |
hsl(218,47%,35%) |
#294370 |
rgb(41,67,112) |
hsl(218,47%,30%) |
#22385e |
rgb(34,56,94) |
hsl(218,47%,25%) |
#1b2d4b |
rgb(27,45,75) |
hsl(218,47%,20%) |
#142138 |
rgb(20,33,56) |
hsl(218,47%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(218,47%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(218,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C2BF |
rgb(86,194,191) |
hsl(178,47%,55%) |
#567DC2 |
rgb(86,125,194) |
hsl(218,47%,55%) |
#7757C2 |
rgb(119,87,194) |
hsl(258,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B0D9 |
rgb(151,176,217) |
hsl(217,46%,72%) |
#7696CD |
rgb(118,150,205) |
hsl(218,47%,63%) |
#567DC2 |
rgb(86,125,194) |
hsl(218,47%,55%) |
#3E66AC |
rgb(62,102,172) |
hsl(218,47%,46%) |
#32528B |
rgb(50,82,139) |
hsl(218,47%,37%) |
#26406A |
rgb(38,64,106) |
hsl(217,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#567DC2 |
rgb(86,125,194) |
hsl(218,47%,55%) |
#C26656 |
rgb(194,102,86) |
hsl(9,47%,55%) |
#B3C256 |
rgb(179,194,86) |
hsl(68,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#567DC2 |
rgb(86,125,194) |
hsl(218,47%,55%) |
#C29C56 |
rgb(194,156,86) |
hsl(39,47%,55%) |
#56B3C2 |
rgb(86,179,194) |
hsl(188,47%,55%) |
#B3C256 |
rgb(179,194,86) |
hsl(68,47%,55%) |