HEX #486EC2 color — Indigo
The color #486EC2 is a dark shade and moderately saturated.
Palette
486EC2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(221,50%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(221,50%,92%) |
#cdd8ee |
rgb(205,216,238) |
hsl(221,50%,87%) |
#bac9e8 |
rgb(186,201,232) |
hsl(221,50%,82%) |
#a7bae2 |
rgb(167,186,226) |
hsl(221,50%,77%) |
#94abdb |
rgb(148,171,219) |
hsl(221,50%,72%) |
#819bd5 |
rgb(129,155,213) |
hsl(221,50%,67%) |
#6e8ccf |
rgb(110,140,207) |
hsl(221,50%,62%) |
#5b7dc8 |
rgb(91,125,200) |
hsl(221,50%,57%) |
#476ec2 |
rgb(71,110,194) |
hsl(221,50%,52%) |
#3c62b4 |
rgb(60,98,180) |
hsl(221,50%,47%) |
#3657a1 |
rgb(54,87,161) |
hsl(221,50%,42%) |
#2f4d8e |
rgb(47,77,142) |
hsl(221,50%,37%) |
#29437a |
rgb(41,67,122) |
hsl(221,50%,32%) |
#223867 |
rgb(34,56,103) |
hsl(221,50%,27%) |
#1c2e54 |
rgb(28,46,84) |
hsl(221,50%,22%) |
#162341 |
rgb(22,35,65) |
hsl(221,50%,17%) |
#0f192e |
rgb(15,25,46) |
hsl(221,50%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(221,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(221,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48BFC2 |
rgb(72,191,194) |
hsl(181,50%,52%) |
#486EC2 |
rgb(72,110,194) |
hsl(221,50%,52%) |
#7347C2 |
rgb(115,71,194) |
hsl(261,50%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A1D7 |
rgb(135,161,215) |
hsl(221,50%,69%) |
#6787CC |
rgb(103,135,204) |
hsl(221,50%,60%) |
#486EC2 |
rgb(72,110,194) |
hsl(221,50%,52%) |
#375CA7 |
rgb(55,92,167) |
hsl(220,50%,44%) |
#2D4A87 |
rgb(45,74,135) |
hsl(221,50%,35%) |
#223867 |
rgb(34,56,103) |
hsl(221,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#486EC2 |
rgb(72,110,194) |
hsl(221,50%,52%) |
#C25E48 |
rgb(194,94,72) |
hsl(11,50%,52%) |
#ABC248 |
rgb(171,194,72) |
hsl(71,50%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486EC2 |
rgb(72,110,194) |
hsl(221,50%,52%) |
#C29C48 |
rgb(194,156,72) |
hsl(41,50%,52%) |
#48ABC2 |
rgb(72,171,194) |
hsl(191,50%,52%) |
#ABC248 |
rgb(171,194,72) |
hsl(71,50%,52%) |