Slate Blue

Best set with white text. The pairing reaches 5.31:1 contrast and passes AA for normal text.

Color values

copy exact values

HEX#6A5ACDsRGB hexadecimal

RGBrgb(106, 90, 205)screen channels

HSLhsl(248, 53%, 58%)hue, saturation, lightness

CMYKcmyk(48%, 56%, 0%, 20%)approximate process color

Tailwindindigo-500nearest palette utility, not an exact token

WCAG ratios

White textAA5.31:1

Black textlarge text3.96:1

Recommendation

Use white text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#2A2343

#493E85

#6A5ACD

#9F8DDD

#CEC2EC

#FAFAFA

Analogous

#5A83CD

#6A5ACD

#A35ACD

Triadic

#6A5ACD

#CD6A5A

#5ACD6A

Complement

#6A5ACD

#BDCD5A

Lab distance · lower is closer

:root {
  --color-slate-blue: #6A5ACD;
}

.swatch {
  background: var(--color-slate-blue);
  color: #FFFFFF;
}

Hue302°

Lightness45 L*

Chroma68.1

Luminance0.148