HEX #574AC3 color — Indigo
The color #574AC3 is a dark shade and moderately saturated.
Palette
574AC3 color palette from light to dark
HEX |
RGB |
HSL |
#f8f7fc |
rgb(248,247,252) |
hsl(246,50%,98%) |
#e6e4f6 |
rgb(230,228,246) |
hsl(246,50%,93%) |
#d4d1f0 |
rgb(212,209,240) |
hsl(246,50%,88%) |
#c2bee9 |
rgb(194,190,233) |
hsl(246,50%,83%) |
#b0abe3 |
rgb(176,171,227) |
hsl(246,50%,78%) |
#9f98dd |
rgb(159,152,221) |
hsl(246,50%,73%) |
#8d85d6 |
rgb(141,133,214) |
hsl(246,50%,68%) |
#7b71d0 |
rgb(123,113,208) |
hsl(246,50%,63%) |
#695ec9 |
rgb(105,94,201) |
hsl(246,50%,58%) |
#574bc3 |
rgb(87,75,195) |
hsl(246,50%,53%) |
#493db8 |
rgb(73,61,184) |
hsl(246,50%,48%) |
#4237a4 |
rgb(66,55,164) |
hsl(246,50%,43%) |
#3a3091 |
rgb(58,48,145) |
hsl(246,50%,38%) |
#322a7e |
rgb(50,42,126) |
hsl(246,50%,33%) |
#2b246b |
rgb(43,36,107) |
hsl(246,50%,28%) |
#231d58 |
rgb(35,29,88) |
hsl(246,50%,23%) |
#1c1745 |
rgb(28,23,69) |
hsl(246,50%,18%) |
#141132 |
rgb(20,17,50) |
hsl(246,50%,13%) |
#0c0a1f |
rgb(12,10,31) |
hsl(246,50%,8%) |
#05040b |
rgb(5,4,11) |
hsl(246,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A8FC3 |
rgb(74,143,195) |
hsl(206,50%,53%) |
#574AC3 |
rgb(87,74,195) |
hsl(246,50%,53%) |
#A74AC3 |
rgb(167,74,195) |
hsl(286,50%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#938AD8 |
rgb(147,138,216) |
hsl(247,50%,69%) |
#756BCD |
rgb(117,107,205) |
hsl(246,49%,61%) |
#574AC3 |
rgb(87,74,195) |
hsl(246,50%,53%) |
#4438A9 |
rgb(68,56,169) |
hsl(246,50%,44%) |
#372E89 |
rgb(55,46,137) |
hsl(246,50%,36%) |
#2A2469 |
rgb(42,36,105) |
hsl(245,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#574AC3 |
rgb(87,74,195) |
hsl(246,50%,53%) |
#C3944A |
rgb(195,148,74) |
hsl(37,50%,53%) |
#79C24A |
rgb(121,194,74) |
hsl(97,50%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#574AC3 |
rgb(87,74,195) |
hsl(246,50%,53%) |
#B6C24A |
rgb(182,194,74) |
hsl(66,50%,53%) |
#4A7AC3 |
rgb(74,122,195) |
hsl(216,50%,53%) |
#79C24A |
rgb(121,194,74) |
hsl(97,50%,53%) |