#8F1E67#8F1E67

#8F1E67 is a dark, vivid pink. Relative luminance 0.077; OKLCH L 44.8% C 0.164 H 346.3°. Best body text is #FFFFFF at 8.24:1 contrast (WCAG AA passes).

Color values

HEX#8F1E67
RGBrgb(143, 30, 103)
HSLhsl(321, 65%, 34%)
HSVhsv(321, 79%, 56%)
CMYKcmyk(0%, 79%, 28%, 43.9%)
CIE-LABlab(33.45, 52.40, -14.65)
CIE-LCHlch(33.45, 54.41, 344.38°)
OKLaboklab(44.81% 0.1593 -0.0388)
OKLCHoklch(44.81% 0.164 346.3)
XYZxyz(14.2408, 7.7491, 13.5751)
Luminance0.0775 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8F1E67 #1E8F46
analogous
#7F1E8F #8F1E67 #8F1E2F
triadic
#8F1E67 #678F1E #1E678F
tetradic
#8F1E67 #8F7F1E #1E8F46 #1E2F8F
square
#8F1E67 #8F7F1E #1E8F46 #1E2F8F
split-complementary
#8F1E67 #2F8F1E #1E8F7F
monochromatic
#2A091E #5C1343 #8F1E67 #C2298B #DA4EA8

Accessibility & contrast

On white

8.24
#8F1E67 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.55
#8F1E67 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #8F1E67
8.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8F1E67#FFFFFF#000000##FFFFFF
##8F1E671.008.242.558.24
#FFFFFF8.241.0021.001.00
#0000002.5521.001.0021.00
##FFFFFF8.241.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2E4269
Deuteranopia (green-blind)
#505664
Tritanopia (blue-blind)
#991A40
Achromatopsia (no color)
#4F4F4F

Design tokens & code

CSS
--color: #8f1e67;
/* rgb */ color: rgb(143, 30, 103);
/* oklch */ color: oklch(44.8% 0.164 346.3);
Tailwind
colors: {
  custom: {
    50: '#b46792',
    500: '#8f1e67',
    950: '#000000',
  },
}
SCSS
$custom: #8f1e67;
$custom-light: #b46792;
$custom-dark: #000000;
JSON
{
  "hex": "#8f1e67",
  "rgb": {
    "r": 143,
    "g": 30,
    "b": 103
  },
  "hsl": {
    "h": 321.239,
    "s": 65.318,
    "l": 33.922
  },
  "oklch": {
    "l": 0.4481,
    "c": 0.164,
    "h": 346.3
  },
  "luminance": 0.07747
}

Semantic roles & 50–950 ramp

primary
#8F1E67
secondary
#4CBC74
accent
#E87B40
background
#FBF6F9
surface
#F6EBF1
border
#D0C6CB
text
#12070D
muted
#817A7E

Preview Lab

Preview with #8F1E67

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

Preview Lab → · Contrast checker → · Palette generator →

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