Medium Purple

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

Color values

copy exact values

HEX#9370DBsRGB hexadecimal

RGBrgb(147, 112, 219)screen channels

HSLhsl(260, 60%, 65%)hue, saturation, lightness

CMYKcmyk(33%, 49%, 0%, 14%)approximate process color

Tailwindviolet-400nearest palette utility, not an exact token

WCAG ratios

White textlarge text3.76:1

Black textAA5.58:1

Recommendation

Use black 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

#342947

#624B8D

#9370DB

#B89DE6

#DACBF1

#FAFAFA

Analogous

#7082DB

#9370DB

#C870DB

Triadic

#9370DB

#DB9370

#70DB93

Complement

#9370DB

#B8DB70

Lab distance · lower is closer

:root {
  --color-medium-purple: #9370DB;
}

.swatch {
  background: var(--color-medium-purple);
  color: #000000;
}

Hue306°

Lightness55 L*

Chroma62.2

Luminance0.229