HEX #4580C6 color — Indigo
The color #4580C6 is a dark shade and moderately saturated.
Palette
4580C6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(213,53%,97%) |
#e0eaf5 |
rgb(224,234,245) |
hsl(213,53%,92%) |
#ccdcef |
rgb(204,220,239) |
hsl(213,53%,87%) |
#b9cfe9 |
rgb(185,207,233) |
hsl(213,53%,82%) |
#a5c1e3 |
rgb(165,193,227) |
hsl(213,53%,77%) |
#92b4dd |
rgb(146,180,221) |
hsl(213,53%,72%) |
#7ea6d7 |
rgb(126,166,215) |
hsl(213,53%,67%) |
#6b99d1 |
rgb(107,153,209) |
hsl(213,53%,62%) |
#578ccb |
rgb(87,140,203) |
hsl(213,53%,57%) |
#447ec5 |
rgb(68,126,197) |
hsl(213,53%,52%) |
#3871b7 |
rgb(56,113,183) |
hsl(213,53%,47%) |
#3265a4 |
rgb(50,101,164) |
hsl(213,53%,42%) |
#2c5990 |
rgb(44,89,144) |
hsl(213,53%,37%) |
#264d7d |
rgb(38,77,125) |
hsl(213,53%,32%) |
#204169 |
rgb(32,65,105) |
hsl(213,53%,27%) |
#1a3556 |
rgb(26,53,86) |
hsl(213,53%,22%) |
#142942 |
rgb(20,41,66) |
hsl(213,53%,17%) |
#0e1d2f |
rgb(14,29,47) |
hsl(213,53%,12%) |
#08111b |
rgb(8,17,27) |
hsl(213,53%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C7B6 |
rgb(69,199,182) |
hsl(172,54%,53%) |
#4580C6 |
rgb(69,128,198) |
hsl(213,53%,52%) |
#6045C6 |
rgb(96,69,198) |
hsl(253,53%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86ADDA |
rgb(134,173,218) |
hsl(212,53%,69%) |
#6596D0 |
rgb(101,150,208) |
hsl(213,53%,61%) |
#4580C6 |
rgb(69,128,198) |
hsl(213,53%,52%) |
#346BAB |
rgb(52,107,171) |
hsl(212,53%,44%) |
#2A578A |
rgb(42,87,138) |
hsl(212,53%,35%) |
#20426A |
rgb(32,66,106) |
hsl(212,54%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580C6 |
rgb(69,128,198) |
hsl(213,53%,52%) |
#C64A45 |
rgb(198,74,69) |
hsl(2,53%,52%) |
#C0C745 |
rgb(192,199,69) |
hsl(63,54%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580C6 |
rgb(69,128,198) |
hsl(213,53%,52%) |
#C68C45 |
rgb(198,140,69) |
hsl(33,53%,52%) |
#45BFC6 |
rgb(69,191,198) |
hsl(183,53%,52%) |
#C0C745 |
rgb(192,199,69) |
hsl(63,54%,53%) |