HEX #4580C7 color — Indigo
The color #4580C7 is a dark shade and moderately saturated.
Palette
4580C7 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(213,54%,98%) |
#e4ecf7 |
rgb(228,236,247) |
hsl(213,54%,93%) |
#d0dff1 |
rgb(208,223,241) |
hsl(213,54%,88%) |
#bcd1eb |
rgb(188,209,235) |
hsl(213,54%,83%) |
#a9c4e5 |
rgb(169,196,229) |
hsl(213,54%,78%) |
#95b6df |
rgb(149,182,223) |
hsl(213,54%,73%) |
#81a9d9 |
rgb(129,169,217) |
hsl(213,54%,68%) |
#6e9cd4 |
rgb(110,156,212) |
hsl(213,54%,63%) |
#5a8ece |
rgb(90,142,206) |
hsl(213,54%,58%) |
#4681c8 |
rgb(70,129,200) |
hsl(213,54%,53%) |
#3874bc |
rgb(56,116,188) |
hsl(213,54%,48%) |
#3268a9 |
rgb(50,104,169) |
hsl(213,54%,43%) |
#2d5c95 |
rgb(45,92,149) |
hsl(213,54%,38%) |
#275082 |
rgb(39,80,130) |
hsl(213,54%,33%) |
#21446e |
rgb(33,68,110) |
hsl(213,54%,28%) |
#1b375a |
rgb(27,55,90) |
hsl(213,54%,23%) |
#152b47 |
rgb(21,43,71) |
hsl(213,54%,18%) |
#0f1f33 |
rgb(15,31,51) |
hsl(213,54%,13%) |
#09131f |
rgb(9,19,31) |
hsl(213,54%,8%) |
#04070c |
rgb(4,7,12) |
hsl(213,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C7B7 |
rgb(69,199,183) |
hsl(173,54%,53%) |
#4580C7 |
rgb(69,128,199) |
hsl(213,54%,53%) |
#6045C7 |
rgb(96,69,199) |
hsl(252,54%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86ADDA |
rgb(134,173,218) |
hsl(212,53%,69%) |
#6596D0 |
rgb(101,150,208) |
hsl(213,53%,61%) |
#4580C7 |
rgb(69,128,199) |
hsl(213,54%,53%) |
#346BAD |
rgb(52,107,173) |
hsl(213,54%,44%) |
#2A578C |
rgb(42,87,140) |
hsl(212,54%,36%) |
#20426B |
rgb(32,66,107) |
hsl(213,54%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580C7 |
rgb(69,128,199) |
hsl(213,54%,53%) |
#C74A45 |
rgb(199,74,69) |
hsl(2,54%,53%) |
#C1C745 |
rgb(193,199,69) |
hsl(63,54%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580C7 |
rgb(69,128,199) |
hsl(213,54%,53%) |
#C78C45 |
rgb(199,140,69) |
hsl(33,54%,53%) |
#45C2C7 |
rgb(69,194,199) |
hsl(182,54%,53%) |
#C1C745 |
rgb(193,199,69) |
hsl(63,54%,53%) |