#7E4792#7E4792

#7E4792 is a mid, vivid purple. Relative luminance 0.110; OKLCH L 49.5% C 0.129 H 316.4°. Best body text is #FFFFFF at 6.56:1 contrast (WCAG AA passes).

Color values

HEX#7E4792
RGBrgb(126, 71, 146)
HSLhsl(284, 35%, 43%)
HSVhsv(284, 51%, 57%)
CMYKcmyk(13.7%, 51.4%, 0%, 42.7%)
CIE-LABlab(39.61, 36.63, -32.01)
CIE-LCHlch(39.61, 48.65, 318.85°)
OKLaboklab(49.46% 0.0934 -0.089)
OKLCHoklch(49.46% 0.129 316.4)
XYZxyz(16.0450, 11.0179, 28.4700)
Luminance0.1102 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7E4792 #5B9247
analogous
#594792 #7E4792 #924780
triadic
#7E4792 #927E47 #47927E
tetradic
#7E4792 #925947 #5B9247 #478092
square
#7E4792 #925947 #5B9247 #478092
split-complementary
#7E4792 #809247 #479259
monochromatic
#371F40 #5A3369 #7E4792 #9E63B3 #B78CC7

Accessibility & contrast

On white

6.56
#7E4792 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.20
#7E4792 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7E4792
6.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7E4792#FFFFFF#000000##FFFFFF
##7E47921.006.563.206.56
#FFFFFF6.561.0021.001.00
#0000003.2021.001.0021.00
##FFFFFF6.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#385A95
Deuteranopia (green-blind)
#485F90
Tritanopia (blue-blind)
#7D5266
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #7e4792;
/* rgb */ color: rgb(126, 71, 146);
/* oklch */ color: oklch(49.5% 0.129 316.4);
Tailwind
colors: {
  custom: {
    50: '#a57cb2',
    500: '#7e4792',
    950: '#000000',
  },
}
SCSS
$custom: #7e4792;
$custom-light: #a57cb2;
$custom-dark: #000000;
JSON
{
  "hex": "#7e4792",
  "rgb": {
    "r": 126,
    "g": 71,
    "b": 146
  },
  "hsl": {
    "h": 284,
    "s": 34.562,
    "l": 42.549
  },
  "oklch": {
    "l": 0.49463,
    "c": 0.12902,
    "h": 316.4
  },
  "luminance": 0.11017
}

Semantic roles & 50–950 ramp

primary
#7E4792
secondary
#8FB382
accent
#CB5D7A
background
#FAF7FB
surface
#F4EEF6
border
#CEC9D0
text
#0F0A11
muted
#7F7C80

Preview Lab

Preview with #7E4792

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

Preview Lab → · Contrast checker → · Palette generator →

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