HEX #485CC4 color — Indigo
The color #485CC4 is a dark shade and moderately saturated.
Palette
485CC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(230,51%,98%) |
#e4e7f6 |
rgb(228,231,246) |
hsl(230,51%,93%) |
#d1d6f0 |
rgb(209,214,240) |
hsl(230,51%,88%) |
#bec5ea |
rgb(190,197,234) |
hsl(230,51%,83%) |
#aab4e4 |
rgb(170,180,228) |
hsl(230,51%,78%) |
#97a3dd |
rgb(151,163,221) |
hsl(230,51%,73%) |
#8492d7 |
rgb(132,146,215) |
hsl(230,51%,68%) |
#7181d1 |
rgb(113,129,209) |
hsl(230,51%,63%) |
#5d6fcb |
rgb(93,111,203) |
hsl(230,51%,58%) |
#4a5ec4 |
rgb(74,94,196) |
hsl(230,51%,53%) |
#3c51b9 |
rgb(60,81,185) |
hsl(230,51%,48%) |
#3648a6 |
rgb(54,72,166) |
hsl(230,51%,43%) |
#2f4092 |
rgb(47,64,146) |
hsl(230,51%,38%) |
#29387f |
rgb(41,56,127) |
hsl(230,51%,33%) |
#232f6c |
rgb(35,47,108) |
hsl(230,51%,28%) |
#1d2759 |
rgb(29,39,89) |
hsl(230,51%,23%) |
#161e45 |
rgb(22,30,69) |
hsl(230,51%,18%) |
#101632 |
rgb(16,22,50) |
hsl(230,51%,13%) |
#0a0d1f |
rgb(10,13,31) |
hsl(230,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(230,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#48ADC4 |
rgb(72,173,196) |
hsl(191,51%,53%) |
#485CC4 |
rgb(72,92,196) |
hsl(230,51%,53%) |
#8647C4 |
rgb(134,71,196) |
hsl(270,51%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8896D8 |
rgb(136,150,216) |
hsl(230,51%,69%) |
#6878CE |
rgb(104,120,206) |
hsl(231,51%,61%) |
#485CC4 |
rgb(72,92,196) |
hsl(230,51%,53%) |
#364AAA |
rgb(54,74,170) |
hsl(230,52%,44%) |
#2C3B89 |
rgb(44,59,137) |
hsl(230,51%,35%) |
#212E69 |
rgb(33,46,105) |
hsl(229,52%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#485CC4 |
rgb(72,92,196) |
hsl(230,51%,53%) |
#C47348 |
rgb(196,115,72) |
hsl(21,51%,53%) |
#9AC448 |
rgb(154,196,72) |
hsl(80,51%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485CC4 |
rgb(72,92,196) |
hsl(230,51%,53%) |
#C4B048 |
rgb(196,176,72) |
hsl(50,51%,53%) |
#4899C4 |
rgb(72,153,196) |
hsl(201,51%,53%) |
#9AC448 |
rgb(154,196,72) |
hsl(80,51%,53%) |