HEX #5070BD color — Indigo
The color #5070BD is a dark shade and moderately saturated.
Palette
5070BD color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(222,45%,98%) |
#e5eaf5 |
rgb(229,234,245) |
hsl(222,45%,93%) |
#d3dbee |
rgb(211,219,238) |
hsl(222,45%,88%) |
#c0cce7 |
rgb(192,204,231) |
hsl(222,45%,83%) |
#aebde0 |
rgb(174,189,224) |
hsl(222,45%,78%) |
#9baed9 |
rgb(155,174,217) |
hsl(222,45%,73%) |
#899fd2 |
rgb(137,159,210) |
hsl(222,45%,68%) |
#7690cb |
rgb(118,144,203) |
hsl(222,45%,63%) |
#6481c4 |
rgb(100,129,196) |
hsl(222,45%,58%) |
#5172bd |
rgb(81,114,189) |
hsl(222,45%,53%) |
#4364b1 |
rgb(67,100,177) |
hsl(222,45%,48%) |
#3c5a9f |
rgb(60,90,159) |
hsl(222,45%,43%) |
#354f8d |
rgb(53,79,141) |
hsl(222,45%,38%) |
#2e457a |
rgb(46,69,122) |
hsl(222,45%,33%) |
#273b68 |
rgb(39,59,104) |
hsl(222,45%,28%) |
#203055 |
rgb(32,48,85) |
hsl(222,45%,23%) |
#192643 |
rgb(25,38,67) |
hsl(222,45%,18%) |
#121b30 |
rgb(18,27,48) |
hsl(222,45%,13%) |
#0b111e |
rgb(11,17,30) |
hsl(222,45%,8%) |
#04060b |
rgb(4,6,11) |
hsl(222,45%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50B8BD |
rgb(80,184,189) |
hsl(183,45%,53%) |
#5070BD |
rgb(80,112,189) |
hsl(222,45%,53%) |
#784FBD |
rgb(120,79,189) |
hsl(262,45%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA3D4 |
rgb(142,163,212) |
hsl(222,45%,69%) |
#6F8AC8 |
rgb(111,138,200) |
hsl(222,45%,61%) |
#5070BD |
rgb(80,112,189) |
hsl(222,45%,53%) |
#3D5CA4 |
rgb(61,92,164) |
hsl(222,46%,44%) |
#324A84 |
rgb(50,74,132) |
hsl(222,45%,36%) |
#263865 |
rgb(38,56,101) |
hsl(223,45%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5070BD |
rgb(80,112,189) |
hsl(222,45%,53%) |
#BD6650 |
rgb(189,102,80) |
hsl(12,45%,53%) |
#A6BD50 |
rgb(166,189,80) |
hsl(73,45%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5070BD |
rgb(80,112,189) |
hsl(222,45%,53%) |
#BD9E50 |
rgb(189,158,80) |
hsl(43,45%,53%) |
#50A6BD |
rgb(80,166,189) |
hsl(193,45%,53%) |
#A6BD50 |
rgb(166,189,80) |
hsl(73,45%,53%) |