HEX #4580CB color — Indigo
The color #4580CB is a dark shade and moderately saturated.
Palette
4580CB color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(214,56%,98%) |
#e3ecf7 |
rgb(227,236,247) |
hsl(214,56%,93%) |
#cfdef2 |
rgb(207,222,242) |
hsl(214,56%,88%) |
#bbd0ec |
rgb(187,208,236) |
hsl(214,56%,83%) |
#a7c3e6 |
rgb(167,195,230) |
hsl(214,56%,78%) |
#94b5e1 |
rgb(148,181,225) |
hsl(214,56%,73%) |
#80a7db |
rgb(128,167,219) |
hsl(214,56%,68%) |
#6c9ad5 |
rgb(108,154,213) |
hsl(214,56%,63%) |
#588cd0 |
rgb(88,140,208) |
hsl(214,56%,58%) |
#447eca |
rgb(68,126,202) |
hsl(214,56%,53%) |
#3671bf |
rgb(54,113,191) |
hsl(214,56%,48%) |
#3065ab |
rgb(48,101,171) |
hsl(214,56%,43%) |
#2b5a97 |
rgb(43,90,151) |
hsl(214,56%,38%) |
#254e83 |
rgb(37,78,131) |
hsl(214,56%,33%) |
#1f426f |
rgb(31,66,111) |
hsl(214,56%,28%) |
#1a365b |
rgb(26,54,91) |
hsl(214,56%,23%) |
#142a48 |
rgb(20,42,72) |
hsl(214,56%,18%) |
#0f1f34 |
rgb(15,31,52) |
hsl(214,56%,13%) |
#091320 |
rgb(9,19,32) |
hsl(214,56%,8%) |
#03070c |
rgb(3,7,12) |
hsl(214,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#45CCBC |
rgb(69,204,188) |
hsl(173,57%,54%) |
#4580CB |
rgb(69,128,203) |
hsl(214,56%,53%) |
#6345CB |
rgb(99,69,203) |
hsl(253,56%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89ADDE |
rgb(137,173,222) |
hsl(215,56%,70%) |
#6796D4 |
rgb(103,150,212) |
hsl(214,56%,62%) |
#4580CB |
rgb(69,128,203) |
hsl(214,56%,53%) |
#316BB2 |
rgb(49,107,178) |
hsl(213,57%,45%) |
#285790 |
rgb(40,87,144) |
hsl(213,57%,36%) |
#1E426E |
rgb(30,66,110) |
hsl(213,57%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580CB |
rgb(69,128,203) |
hsl(214,56%,53%) |
#CB4D45 |
rgb(203,77,69) |
hsl(4,56%,53%) |
#C3CC45 |
rgb(195,204,69) |
hsl(64,57%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580CB |
rgb(69,128,203) |
hsl(214,56%,53%) |
#CB8F45 |
rgb(203,143,69) |
hsl(33,56%,53%) |
#45C2CB |
rgb(69,194,203) |
hsl(184,56%,53%) |
#C3CC45 |
rgb(195,204,69) |
hsl(64,57%,54%) |