HEX #4582C6 color — Indigo
The color #4582C6 is a dark shade and moderately saturated.
Palette
4582C6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(212,53%,97%) |
#e0eaf5 |
rgb(224,234,245) |
hsl(212,53%,92%) |
#ccddef |
rgb(204,221,239) |
hsl(212,53%,87%) |
#b9cfe9 |
rgb(185,207,233) |
hsl(212,53%,82%) |
#a5c2e3 |
rgb(165,194,227) |
hsl(212,53%,77%) |
#92b5dd |
rgb(146,181,221) |
hsl(212,53%,72%) |
#7ea8d7 |
rgb(126,168,215) |
hsl(212,53%,67%) |
#6b9bd1 |
rgb(107,155,209) |
hsl(212,53%,62%) |
#578dcb |
rgb(87,141,203) |
hsl(212,53%,57%) |
#4480c5 |
rgb(68,128,197) |
hsl(212,53%,52%) |
#3874b7 |
rgb(56,116,183) |
hsl(212,53%,47%) |
#3267a4 |
rgb(50,103,164) |
hsl(212,53%,42%) |
#2c5b90 |
rgb(44,91,144) |
hsl(212,53%,37%) |
#264f7d |
rgb(38,79,125) |
hsl(212,53%,32%) |
#204269 |
rgb(32,66,105) |
hsl(212,53%,27%) |
#1a3656 |
rgb(26,54,86) |
hsl(212,53%,22%) |
#142a42 |
rgb(20,42,66) |
hsl(212,53%,17%) |
#0e1e2f |
rgb(14,30,47) |
hsl(212,53%,12%) |
#08111b |
rgb(8,17,27) |
hsl(212,53%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45C7B4 |
rgb(69,199,180) |
hsl(171,54%,53%) |
#4582C6 |
rgb(69,130,198) |
hsl(212,53%,52%) |
#5E45C6 |
rgb(94,69,198) |
hsl(252,53%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86ADDA |
rgb(134,173,218) |
hsl(212,53%,69%) |
#6599D0 |
rgb(101,153,208) |
hsl(211,53%,61%) |
#4582C6 |
rgb(69,130,198) |
hsl(212,53%,52%) |
#346EAB |
rgb(52,110,171) |
hsl(211,53%,44%) |
#2A598A |
rgb(42,89,138) |
hsl(211,53%,35%) |
#20426A |
rgb(32,66,106) |
hsl(212,54%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4582C6 |
rgb(69,130,198) |
hsl(212,53%,52%) |
#C64745 |
rgb(198,71,69) |
hsl(1,53%,52%) |
#C2C745 |
rgb(194,199,69) |
hsl(62,54%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4582C6 |
rgb(69,130,198) |
hsl(212,53%,52%) |
#C68A45 |
rgb(198,138,69) |
hsl(32,53%,52%) |
#45C2C6 |
rgb(69,194,198) |
hsl(182,53%,52%) |
#C2C745 |
rgb(194,199,69) |
hsl(62,54%,53%) |