#8F2E9D#8F2E9D

#8F2E9D is a mid, vivid purple. Relative luminance 0.102; OKLCH L 49.2% C 0.186 H 322.4°. Best body text is #FFFFFF at 6.90:1 contrast (WCAG AA passes).

Color values

HEX#8F2E9D
RGBrgb(143, 46, 157)
HSLhsl(292, 55%, 40%)
HSVhsv(292, 71%, 62%)
CMYKcmyk(8.9%, 70.7%, 0%, 38.4%)
CIE-LABlab(38.25, 55.35, -40.67)
CIE-LCHlch(38.25, 68.69, 323.69°)
OKLaboklab(49.18% 0.1472 -0.1135)
OKLCHoklch(49.18% 0.186 322.4)
XYZxyz(18.3899, 10.2290, 32.8975)
Luminance0.1023 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8F2E9D #3C9D2E
analogous
#572E9D #8F2E9D #9D2E74
triadic
#8F2E9D #9D8F2E #2E9D8F
tetradic
#8F2E9D #9D572E #3C9D2E #2E749D
square
#8F2E9D #9D572E #3C9D2E #2E749D
split-complementary
#8F2E9D #749D2E #2E9D57
monochromatic
#39123E #64206E #8F2E9D #B641C7 #C870D5

Accessibility & contrast

On white

6.90
#8F2E9D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.05
#8F2E9D on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #8F2E9D
6.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8F2E9D#FFFFFF#000000##FFFFFF
##8F2E9D1.006.903.056.90
#FFFFFF6.901.0021.001.00
#0000003.0521.001.0021.00
##FFFFFF6.901.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0553A0
Deuteranopia (green-blind)
#3E5E9A
Tritanopia (blue-blind)
#914162
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #8f2e9d;
/* rgb */ color: rgb(143, 46, 157);
/* oklch */ color: oklch(49.2% 0.186 322.4);
Tailwind
colors: {
  custom: {
    50: '#b370ba',
    500: '#8f2e9d',
    950: '#000000',
  },
}
SCSS
$custom: #8f2e9d;
$custom-light: #b370ba;
$custom-dark: #000000;
JSON
{
  "hex": "#8f2e9d",
  "rgb": {
    "r": 143,
    "g": 46,
    "b": 157
  },
  "hsl": {
    "h": 292.432,
    "s": 54.68,
    "l": 39.804
  },
  "oklch": {
    "l": 0.49177,
    "c": 0.18591,
    "h": 322.4
  },
  "luminance": 0.10228
}

Semantic roles & 50–950 ramp

primary
#8F2E9D
secondary
#75BD6A
accent
#DE4A5C
background
#FBF7FB
surface
#F6EDF6
border
#D0C8D0
text
#110812
muted
#807B81

Preview Lab

Preview with #8F2E9D

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#8F2E9D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva