Medium Orchid

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

Color values

copy exact values

HEX#BA55D3sRGB hexadecimal

RGBrgb(186, 85, 211)screen channels

HSLhsl(288, 59%, 58%)hue, saturation, lightness

CMYKcmyk(12%, 60%, 0%, 17%)approximate process color

Tailwindfuchsia-400nearest palette utility, not an exact token

WCAG ratios

White textlarge text3.94:1

Black textAA5.33: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

#3F2345

#7A3C88

#BA55D3

#D38EE1

#E8C4EE

#FAFAFA

Analogous

#7B55D3

#BA55D3

#D355AD

Triadic

#BA55D3

#D3BA55

#55D3BA

Complement

#BA55D3

#6ED355

Lab distance · lower is closer

:root {
  --color-medium-orchid: #BA55D3;
}

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

Hue321°

Lightness54 L*

Chroma75.7

Luminance0.216