#7F1378#7F1378

#7F1378 is a dark, vivid purple. Relative luminance 0.063; OKLCH L 42.2% C 0.176 H 331.2°. Best body text is #FFFFFF at 9.26:1 contrast (WCAG AA passes).

Color values

HEX#7F1378
RGBrgb(127, 19, 120)
HSLhsl(304, 74%, 29%)
HSVhsv(304, 85%, 50%)
CMYKcmyk(0%, 85%, 5.5%, 50.2%)
CIE-LABlab(30.24, 54.10, -30.72)
CIE-LCHlch(30.24, 62.21, 330.41°)
OKLaboklab(42.22% 0.1546 -0.0848)
OKLCHoklch(42.22% 0.176 331.2)
XYZxyz(12.3754, 6.3349, 18.3366)
Luminance0.0633 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7F1378 #137F1A
analogous
#50137F #7F1378 #7F1342
triadic
#7F1378 #787F13 #13787F
tetradic
#7F1378 #7F5013 #137F1A #13427F
square
#7F1378 #7F5013 #137F1A #13427F
split-complementary
#7F1378 #427F13 #137F50
monochromatic
#1B0419 #4A0B46 #7F1378 #B41BAA #E02DD4

Accessibility & contrast

On white

9.26
#7F1378 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.27
#7F1378 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7F1378
9.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7F1378#FFFFFF#000000##FFFFFF
##7F13781.009.262.279.26
#FFFFFF9.261.0021.001.00
#0000002.2721.001.0021.00
##FFFFFF9.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#023E7B
Deuteranopia (green-blind)
#394C76
Tritanopia (blue-blind)
#842347
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #7f1378;
/* rgb */ color: rgb(127, 19, 120);
/* oklch */ color: oklch(42.2% 0.176 331.2);
Tailwind
colors: {
  custom: {
    50: '#a8619f',
    500: '#7f1378',
    950: '#000000',
  },
}
SCSS
$custom: #7f1378;
$custom-light: #a8619f;
$custom-dark: #000000;
JSON
{
  "hex": "#7f1378",
  "rgb": {
    "r": 127,
    "g": 19,
    "b": 120
  },
  "hsl": {
    "h": 303.889,
    "s": 73.973,
    "l": 28.627
  },
  "oklch": {
    "l": 0.4222,
    "c": 0.17629,
    "h": 331.2
  },
  "luminance": 0.06334
}

Semantic roles & 50–950 ramp

primary
#7F1378
secondary
#39B441
accent
#F14337
background
#FAF6F9
surface
#F4EBF2
border
#CEC6CC
text
#10060E
muted
#7F7A7E

Preview Lab

Preview with #7F1378

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

Preview Lab → · Contrast checker → · Palette generator →

#7F1378 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva