HEX #4870BF color — Indigo
The color #4870BF is a dark shade and moderately saturated.
Palette
4870BF color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,48%,97%) |
#e1e7f4 |
rgb(225,231,244) |
hsl(220,48%,92%) |
#ced9ee |
rgb(206,217,238) |
hsl(220,48%,87%) |
#bbcae7 |
rgb(187,202,231) |
hsl(220,48%,82%) |
#a8bbe1 |
rgb(168,187,225) |
hsl(220,48%,77%) |
#95acda |
rgb(149,172,218) |
hsl(220,48%,72%) |
#829dd3 |
rgb(130,157,211) |
hsl(220,48%,67%) |
#708fcd |
rgb(112,143,205) |
hsl(220,48%,62%) |
#5d80c6 |
rgb(93,128,198) |
hsl(220,48%,57%) |
#4a71bf |
rgb(74,113,191) |
hsl(220,48%,52%) |
#3e65b1 |
rgb(62,101,177) |
hsl(220,48%,47%) |
#385a9f |
rgb(56,90,159) |
hsl(220,48%,42%) |
#314f8c |
rgb(49,79,140) |
hsl(220,48%,37%) |
#2a4579 |
rgb(42,69,121) |
hsl(220,48%,32%) |
#243a66 |
rgb(36,58,102) |
hsl(220,48%,27%) |
#1d2f53 |
rgb(29,47,83) |
hsl(220,48%,22%) |
#172440 |
rgb(23,36,64) |
hsl(220,48%,17%) |
#101a2d |
rgb(16,26,45) |
hsl(220,48%,12%) |
#090f1a |
rgb(9,15,26) |
hsl(220,48%,7%) |
#030408 |
rgb(3,4,8) |
hsl(220,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48BFBE |
rgb(72,191,190) |
hsl(179,48%,52%) |
#4870BF |
rgb(72,112,191) |
hsl(220,48%,52%) |
#6F47BF |
rgb(111,71,191) |
hsl(260,48%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A1D4 |
rgb(134,161,212) |
hsl(219,48%,68%) |
#6787C9 |
rgb(103,135,201) |
hsl(220,48%,60%) |
#4870BF |
rgb(72,112,191) |
hsl(220,48%,52%) |
#395CA3 |
rgb(57,92,163) |
hsl(220,48%,43%) |
#2E4D84 |
rgb(46,77,132) |
hsl(218,48%,35%) |
#233B65 |
rgb(35,59,101) |
hsl(218,49%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4870BF |
rgb(72,112,191) |
hsl(220,48%,52%) |
#BF5C48 |
rgb(191,92,72) |
hsl(10,48%,52%) |
#ABBF48 |
rgb(171,191,72) |
hsl(70,48%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4870BF |
rgb(72,112,191) |
hsl(220,48%,52%) |
#BF9648 |
rgb(191,150,72) |
hsl(39,48%,52%) |
#48ABBF |
rgb(72,171,191) |
hsl(190,48%,52%) |
#ABBF48 |
rgb(171,191,72) |
hsl(70,48%,52%) |