#761E7E#761E7E

#761E7E is a dark, vivid purple. Relative luminance 0.063; OKLCH L 41.9% C 0.166 H 324.3°. Best body text is #FFFFFF at 9.30:1 contrast (WCAG AA passes).

Color values

HEX#761E7E
RGBrgb(118, 30, 126)
HSLhsl(295, 62%, 31%)
HSVhsv(295, 76%, 49%)
CMYKcmyk(6.3%, 76.2%, 0%, 50.6%)
CIE-LABlab(30.13, 49.91, -34.79)
CIE-LCHlch(30.13, 60.84, 325.13°)
OKLaboklab(41.95% 0.135 -0.097)
OKLCHoklch(41.95% 0.166 324.3)
XYZxyz(11.7011, 6.2872, 20.3319)
Luminance0.0629 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#761E7E #267E1E
analogous
#461E7E #761E7E #7E1E56
triadic
#761E7E #7E761E #1E7E76
tetradic
#761E7E #7E461E #267E1E #1E567E
square
#761E7E #7E461E #267E1E #1E567E
split-complementary
#761E7E #567E1E #1E7E46
monochromatic
#19061B #48124D #761E7E #A42AAF #C744D2

Accessibility & contrast

On white

9.30
#761E7E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.26
#761E7E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #761E7E
9.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##761E7E#FFFFFF#000000##FFFFFF
##761E7E1.009.302.269.30
#FFFFFF9.301.0021.001.00
#0000002.2621.001.0021.00
##FFFFFF9.301.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004081
Deuteranopia (green-blind)
#314A7C
Tritanopia (blue-blind)
#782F4C
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #761e7e;
/* rgb */ color: rgb(118, 30, 126);
/* oklch */ color: oklch(41.9% 0.166 324.3);
Tailwind
colors: {
  custom: {
    50: '#a164a4',
    500: '#761e7e',
    950: '#000000',
  },
}
SCSS
$custom: #761e7e;
$custom-light: #a164a4;
$custom-dark: #000000;
JSON
{
  "hex": "#761e7e",
  "rgb": {
    "r": 118,
    "g": 30,
    "b": 126
  },
  "hsl": {
    "h": 295,
    "s": 61.538,
    "l": 30.588
  },
  "oklch": {
    "l": 0.41947,
    "c": 0.16621,
    "h": 324.3
  },
  "luminance": 0.06286
}

Semantic roles & 50–950 ramp

primary
#761E7E
secondary
#4FB147
accent
#E54351
background
#FAF6FA
surface
#F4EBF4
border
#CEC6CE
text
#0F060F
muted
#7F7A7F

Preview Lab

Preview with #761E7E

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

Preview Lab → · Contrast checker → · Palette generator →

#761E7E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva