HEX #4570C5 color — Indigo
The color #4570C5 is a dark shade and moderately saturated.
Palette
4570C5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(220,52%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(220,52%,92%) |
#cdd8ef |
rgb(205,216,239) |
hsl(220,52%,87%) |
#b9c9e9 |
rgb(185,201,233) |
hsl(220,52%,82%) |
#a6bae3 |
rgb(166,186,227) |
hsl(220,52%,77%) |
#92abdd |
rgb(146,171,221) |
hsl(220,52%,72%) |
#7f9cd7 |
rgb(127,156,215) |
hsl(220,52%,67%) |
#6c8dd0 |
rgb(108,141,208) |
hsl(220,52%,62%) |
#587eca |
rgb(88,126,202) |
hsl(220,52%,57%) |
#456fc4 |
rgb(69,111,196) |
hsl(220,52%,52%) |
#3a63b6 |
rgb(58,99,182) |
hsl(220,52%,47%) |
#3359a3 |
rgb(51,89,163) |
hsl(220,52%,42%) |
#2d4e8f |
rgb(45,78,143) |
hsl(220,52%,37%) |
#27437c |
rgb(39,67,124) |
hsl(220,52%,32%) |
#213969 |
rgb(33,57,105) |
hsl(220,52%,27%) |
#1b2e55 |
rgb(27,46,85) |
hsl(220,52%,22%) |
#152442 |
rgb(21,36,66) |
hsl(220,52%,17%) |
#0f192f |
rgb(15,25,47) |
hsl(220,52%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(220,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C4C4 |
rgb(69,196,196) |
hsl(180,52%,52%) |
#4570C5 |
rgb(69,112,197) |
hsl(220,52%,52%) |
#6F45C5 |
rgb(111,69,197) |
hsl(260,52%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A1D9 |
rgb(133,161,217) |
hsl(220,53%,69%) |
#658ACF |
rgb(101,138,207) |
hsl(219,52%,60%) |
#4570C5 |
rgb(69,112,197) |
hsl(220,52%,52%) |
#355CAA |
rgb(53,92,170) |
hsl(220,52%,44%) |
#2B4A89 |
rgb(43,74,137) |
hsl(220,52%,35%) |
#203869 |
rgb(32,56,105) |
hsl(220,53%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4570C5 |
rgb(69,112,197) |
hsl(220,52%,52%) |
#C55945 |
rgb(197,89,69) |
hsl(9,52%,52%) |
#B0C445 |
rgb(176,196,69) |
hsl(69,52%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4570C5 |
rgb(69,112,197) |
hsl(220,52%,52%) |
#C59945 |
rgb(197,153,69) |
hsl(39,52%,52%) |
#45B0C5 |
rgb(69,176,197) |
hsl(190,52%,52%) |
#B0C445 |
rgb(176,196,69) |
hsl(69,52%,52%) |