HEX #5673C6 color — Indigo
The color #5673C6 is a dark shade and moderately saturated.
Palette
5673C6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(224,50%,96%) |
#dde3f4 |
rgb(221,227,244) |
hsl(224,50%,91%) |
#c9d3ed |
rgb(201,211,237) |
hsl(224,50%,86%) |
#b6c3e7 |
rgb(182,195,231) |
hsl(224,50%,81%) |
#a3b4e0 |
rgb(163,180,224) |
hsl(224,50%,76%) |
#90a4da |
rgb(144,164,218) |
hsl(224,50%,71%) |
#7d94d4 |
rgb(125,148,212) |
hsl(224,50%,66%) |
#6a84cd |
rgb(106,132,205) |
hsl(224,50%,61%) |
#5775c7 |
rgb(87,117,199) |
hsl(224,50%,56%) |
#4465c1 |
rgb(68,101,193) |
hsl(224,50%,51%) |
#3b5ab0 |
rgb(59,90,176) |
hsl(224,50%,46%) |
#34509d |
rgb(52,80,157) |
hsl(224,50%,41%) |
#2e468a |
rgb(46,70,138) |
hsl(224,50%,36%) |
#283d77 |
rgb(40,61,119) |
hsl(224,50%,31%) |
#213363 |
rgb(33,51,99) |
hsl(224,50%,26%) |
#1b2950 |
rgb(27,41,80) |
hsl(224,50%,21%) |
#141f3d |
rgb(20,31,61) |
hsl(224,50%,16%) |
#0e162a |
rgb(14,22,42) |
hsl(224,50%,11%) |
#080c17 |
rgb(8,12,23) |
hsl(224,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(224,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BDC6 |
rgb(86,189,198) |
hsl(185,50%,56%) |
#5673C6 |
rgb(86,115,198) |
hsl(224,50%,56%) |
#8357C6 |
rgb(131,87,198) |
hsl(264,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ABDC |
rgb(153,171,220) |
hsl(224,49%,73%) |
#778FD1 |
rgb(119,143,209) |
hsl(224,49%,64%) |
#5673C6 |
rgb(86,115,198) |
hsl(224,50%,56%) |
#3C5CB2 |
rgb(60,92,178) |
hsl(224,50%,47%) |
#304A90 |
rgb(48,74,144) |
hsl(224,50%,38%) |
#25386E |
rgb(37,56,110) |
hsl(224,50%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5673C6 |
rgb(86,115,198) |
hsl(224,50%,56%) |
#C67056 |
rgb(198,112,86) |
hsl(14,50%,56%) |
#ABC756 |
rgb(171,199,86) |
hsl(75,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5673C6 |
rgb(86,115,198) |
hsl(224,50%,56%) |
#C6A856 |
rgb(198,168,86) |
hsl(44,50%,56%) |
#56ABC6 |
rgb(86,171,198) |
hsl(194,50%,56%) |
#ABC756 |
rgb(171,199,86) |
hsl(75,50%,56%) |