HEX #4870BE color — Indigo
The color #4870BE is a dark shade and moderately saturated.
Palette
4870BE color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(220,48%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(220,48%,91%) |
#cad6ec |
rgb(202,214,236) |
hsl(220,48%,86%) |
#b7c7e6 |
rgb(183,199,230) |
hsl(220,48%,81%) |
#a4b8df |
rgb(164,184,223) |
hsl(220,48%,76%) |
#92a9d9 |
rgb(146,169,217) |
hsl(220,48%,71%) |
#7f9ad2 |
rgb(127,154,210) |
hsl(220,48%,66%) |
#6c8ccb |
rgb(108,140,203) |
hsl(220,48%,61%) |
#597dc5 |
rgb(89,125,197) |
hsl(220,48%,56%) |
#466ebe |
rgb(70,110,190) |
hsl(220,48%,51%) |
#3d63ae |
rgb(61,99,174) |
hsl(220,48%,46%) |
#36589b |
rgb(54,88,155) |
hsl(220,48%,41%) |
#304d88 |
rgb(48,77,136) |
hsl(220,48%,36%) |
#294275 |
rgb(41,66,117) |
hsl(220,48%,31%) |
#223862 |
rgb(34,56,98) |
hsl(220,48%,26%) |
#1c2d4f |
rgb(28,45,79) |
hsl(220,48%,21%) |
#15223c |
rgb(21,34,60) |
hsl(220,48%,16%) |
#0f182a |
rgb(15,24,42) |
hsl(220,48%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(220,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#48BFBD |
rgb(72,191,189) |
hsl(179,48%,52%) |
#4870BE |
rgb(72,112,190) |
hsl(220,48%,51%) |
#6E47BE |
rgb(110,71,190) |
hsl(260,48%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A1D3 |
rgb(133,161,211) |
hsl(218,47%,67%) |
#6687C8 |
rgb(102,135,200) |
hsl(220,47%,59%) |
#4870BE |
rgb(72,112,190) |
hsl(220,48%,51%) |
#395EA2 |
rgb(57,94,162) |
hsl(219,48%,43%) |
#2E4D83 |
rgb(46,77,131) |
hsl(218,48%,35%) |
#233B64 |
rgb(35,59,100) |
hsl(218,48%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#4870BE |
rgb(72,112,190) |
hsl(220,48%,51%) |
#BE5C48 |
rgb(190,92,72) |
hsl(10,48%,51%) |
#ABBF48 |
rgb(171,191,72) |
hsl(70,48%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4870BE |
rgb(72,112,190) |
hsl(220,48%,51%) |
#BE9648 |
rgb(190,150,72) |
hsl(40,48%,51%) |
#48ABBE |
rgb(72,171,190) |
hsl(190,48%,51%) |
#ABBF48 |
rgb(171,191,72) |
hsl(70,48%,52%) |