HEX #4870D1 color — Indigo
The color #4870D1 is a dark shade and moderately saturated.
Palette
4870D1 color palette from light to dark
HEX |
RGB |
HSL |
#ebeffa |
rgb(235,239,250) |
hsl(222,60%,95%) |
#d6dff5 |
rgb(214,223,245) |
hsl(222,60%,90%) |
#c2d0f0 |
rgb(194,208,240) |
hsl(222,60%,85%) |
#adc0eb |
rgb(173,192,235) |
hsl(222,60%,80%) |
#99b0e6 |
rgb(153,176,230) |
hsl(222,60%,75%) |
#85a0e0 |
rgb(133,160,224) |
hsl(222,60%,70%) |
#7090db |
rgb(112,144,219) |
hsl(222,60%,65%) |
#5c81d6 |
rgb(92,129,214) |
hsl(222,60%,60%) |
#4771d1 |
rgb(71,113,209) |
hsl(222,60%,55%) |
#3361cc |
rgb(51,97,204) |
hsl(222,60%,50%) |
#2e57b8 |
rgb(46,87,184) |
hsl(222,60%,45%) |
#294ea3 |
rgb(41,78,163) |
hsl(222,60%,40%) |
#24448f |
rgb(36,68,143) |
hsl(222,60%,35%) |
#1f3a7a |
rgb(31,58,122) |
hsl(222,60%,30%) |
#1a3066 |
rgb(26,48,102) |
hsl(222,60%,25%) |
#142752 |
rgb(20,39,82) |
hsl(222,60%,20%) |
#0f1d3d |
rgb(15,29,61) |
hsl(222,60%,15%) |
#0a1329 |
rgb(10,19,41) |
hsl(222,60%,10%) |
#050a14 |
rgb(5,10,20) |
hsl(222,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#48CCD1 |
rgb(72,204,209) |
hsl(182,60%,55%) |
#4870D1 |
rgb(72,112,209) |
hsl(222,60%,55%) |
#7B47D1 |
rgb(123,71,209) |
hsl(263,60%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FA8E3 |
rgb(143,168,227) |
hsl(222,60%,73%) |
#6B8CDA |
rgb(107,140,218) |
hsl(222,60%,64%) |
#4870D1 |
rgb(72,112,209) |
hsl(222,60%,55%) |
#2F59BC |
rgb(47,89,188) |
hsl(222,60%,46%) |
#264798 |
rgb(38,71,152) |
hsl(223,60%,37%) |
#1D3874 |
rgb(29,56,116) |
hsl(221,60%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4870D1 |
rgb(72,112,209) |
hsl(222,60%,55%) |
#D16348 |
rgb(209,99,72) |
hsl(12,60%,55%) |
#B4D148 |
rgb(180,209,72) |
hsl(73,60%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4870D1 |
rgb(72,112,209) |
hsl(222,60%,55%) |
#D1A848 |
rgb(209,168,72) |
hsl(42,60%,55%) |
#48B5D1 |
rgb(72,181,209) |
hsl(192,60%,55%) |
#B4D148 |
rgb(180,209,72) |
hsl(73,60%,55%) |