HEX #486ED3 color — Indigo
The color #486ED3 is a dark shade and moderately saturated.
Palette
486ED3 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffa |
rgb(234,239,250) |
hsl(224,61%,95%) |
#d6def5 |
rgb(214,222,245) |
hsl(224,61%,90%) |
#c1cef0 |
rgb(193,206,240) |
hsl(224,61%,85%) |
#adbdeb |
rgb(173,189,235) |
hsl(224,61%,80%) |
#98ade6 |
rgb(152,173,230) |
hsl(224,61%,75%) |
#849de1 |
rgb(132,157,225) |
hsl(224,61%,70%) |
#6f8cdc |
rgb(111,140,220) |
hsl(224,61%,65%) |
#5b7cd7 |
rgb(91,124,215) |
hsl(224,61%,60%) |
#466cd2 |
rgb(70,108,210) |
hsl(224,61%,55%) |
#325bcd |
rgb(50,91,205) |
hsl(224,61%,50%) |
#2d52b9 |
rgb(45,82,185) |
hsl(224,61%,45%) |
#2849a4 |
rgb(40,73,164) |
hsl(224,61%,40%) |
#234090 |
rgb(35,64,144) |
hsl(224,61%,35%) |
#1e377b |
rgb(30,55,123) |
hsl(224,61%,30%) |
#192e67 |
rgb(25,46,103) |
hsl(224,61%,25%) |
#142452 |
rgb(20,36,82) |
hsl(224,61%,20%) |
#0f1b3e |
rgb(15,27,62) |
hsl(224,61%,15%) |
#0a1229 |
rgb(10,18,41) |
hsl(224,61%,10%) |
#050915 |
rgb(5,9,21) |
hsl(224,61%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#48C9D3 |
rgb(72,201,211) |
hsl(184,61%,55%) |
#486ED3 |
rgb(72,110,211) |
hsl(224,61%,55%) |
#7E47D3 |
rgb(126,71,211) |
hsl(264,61%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91A8E4 |
rgb(145,168,228) |
hsl(223,61%,73%) |
#6C8ADB |
rgb(108,138,219) |
hsl(224,61%,64%) |
#486ED3 |
rgb(72,110,211) |
hsl(224,61%,55%) |
#2E57BF |
rgb(46,87,191) |
hsl(223,61%,46%) |
#25459B |
rgb(37,69,155) |
hsl(224,61%,38%) |
#1C3676 |
rgb(28,54,118) |
hsl(223,62%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#486ED3 |
rgb(72,110,211) |
hsl(224,61%,55%) |
#D36948 |
rgb(211,105,72) |
hsl(14,61%,55%) |
#B3D448 |
rgb(179,212,72) |
hsl(74,62%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486ED3 |
rgb(72,110,211) |
hsl(224,61%,55%) |
#D3AD48 |
rgb(211,173,72) |
hsl(44,61%,55%) |
#48B3D3 |
rgb(72,179,211) |
hsl(194,61%,55%) |
#B3D448 |
rgb(179,212,72) |
hsl(74,62%,56%) |