HEX #5670CE color — Indigo
The color #5670CE is a dark shade and moderately saturated.
Palette
5670CE color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(227,55%,97%) |
#dfe4f6 |
rgb(223,228,246) |
hsl(227,55%,92%) |
#ccd4f0 |
rgb(204,212,240) |
hsl(227,55%,87%) |
#b8c3ea |
rgb(184,195,234) |
hsl(227,55%,82%) |
#a4b2e5 |
rgb(164,178,229) |
hsl(227,55%,77%) |
#90a1df |
rgb(144,161,223) |
hsl(227,55%,72%) |
#7d91d9 |
rgb(125,145,217) |
hsl(227,55%,67%) |
#6980d3 |
rgb(105,128,211) |
hsl(227,55%,62%) |
#556fce |
rgb(85,111,206) |
hsl(227,55%,57%) |
#415ec8 |
rgb(65,94,200) |
hsl(227,55%,52%) |
#3652ba |
rgb(54,82,186) |
hsl(227,55%,47%) |
#304aa6 |
rgb(48,74,166) |
hsl(227,55%,42%) |
#2a4192 |
rgb(42,65,146) |
hsl(227,55%,37%) |
#25387e |
rgb(37,56,126) |
hsl(227,55%,32%) |
#1f2f6b |
rgb(31,47,107) |
hsl(227,55%,27%) |
#192757 |
rgb(25,39,87) |
hsl(227,55%,22%) |
#141e43 |
rgb(20,30,67) |
hsl(227,55%,17%) |
#0e152f |
rgb(14,21,47) |
hsl(227,55%,12%) |
#080c1c |
rgb(8,12,28) |
hsl(227,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(227,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFCE |
rgb(86,191,206) |
hsl(188,55%,57%) |
#5670CE |
rgb(86,112,206) |
hsl(227,55%,57%) |
#8C57CE |
rgb(140,87,206) |
hsl(267,55%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EADE3 |
rgb(158,173,227) |
hsl(227,55%,75%) |
#7A8FD8 |
rgb(122,143,216) |
hsl(227,55%,66%) |
#5670CE |
rgb(86,112,206) |
hsl(227,55%,57%) |
#3754BE |
rgb(55,84,190) |
hsl(227,55%,48%) |
#2C4599 |
rgb(44,69,153) |
hsl(226,55%,39%) |
#223375 |
rgb(34,51,117) |
hsl(228,55%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670CE |
rgb(86,112,206) |
hsl(227,55%,57%) |
#CE7856 |
rgb(206,120,86) |
hsl(17,55%,57%) |
#ACCF56 |
rgb(172,207,86) |
hsl(77,56%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670CE |
rgb(86,112,206) |
hsl(227,55%,57%) |
#CEB556 |
rgb(206,181,86) |
hsl(48,55%,57%) |
#56ABCE |
rgb(86,171,206) |
hsl(198,55%,57%) |
#ACCF56 |
rgb(172,207,86) |
hsl(77,56%,57%) |