#781978#781978

#781978 is a dark, vivid purple. Relative luminance 0.060; OKLCH L 41.5% C 0.168 H 328.1°. Best body text is #FFFFFF at 9.51:1 contrast (WCAG AA passes).

Color values

HEX#781978
RGBrgb(120, 25, 120)
HSLhsl(300, 66%, 28%)
HSVhsv(300, 79%, 47%)
CMYKcmyk(0%, 79.2%, 0%, 52.9%)
CIE-LABlab(29.53, 50.95, -31.93)
CIE-LCHlch(29.53, 60.13, 327.92°)
OKLaboklab(41.47% 0.1422 -0.0886)
OKLCHoklch(41.47% 0.168 328.1)
XYZxyz(11.4834, 6.0453, 18.3277)
Luminance0.0604 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#781978 #197819
analogous
#481978 #781978 #781948
triadic
#781978 #787819 #197878
tetradic
#781978 #784819 #197819 #194878
square
#781978 #784819 #197819 #194878
split-complementary
#781978 #487819 #197848
monochromatic
#190519 #450E45 #781978 #AB24AB #D536D5

Accessibility & contrast

On white

9.51
#781978 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.21
#781978 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #781978
9.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##781978#FFFFFF#000000##FFFFFF
##7819781.009.512.219.51
#FFFFFF9.511.0021.001.00
#0000002.2121.001.0021.00
##FFFFFF9.511.0021.001.00

Color blindness preview

Protanopia (red-blind)
#013E7B
Deuteranopia (green-blind)
#344A76
Tritanopia (blue-blind)
#7C2948
Achromatopsia (no color)
#464646

Design tokens & code

CSS
--color: #781978;
/* rgb */ color: rgb(120, 25, 120);
/* oklch */ color: oklch(41.5% 0.168 328.1);
Tailwind
colors: {
  custom: {
    50: '#a2629f',
    500: '#781978',
    950: '#000000',
  },
}
SCSS
$custom: #781978;
$custom-light: #a2629f;
$custom-dark: #000000;
JSON
{
  "hex": "#781978",
  "rgb": {
    "r": 120,
    "g": 25,
    "b": 120
  },
  "hsl": {
    "h": 300,
    "s": 65.517,
    "l": 28.431
  },
  "oklch": {
    "l": 0.41468,
    "c": 0.16752,
    "h": 328.1
  },
  "luminance": 0.06044
}

Semantic roles & 50–950 ramp

primary
#781978
secondary
#40AD40
accent
#E83F3F
background
#FAF6F9
surface
#F4EBF2
border
#CEC6CC
text
#0F060E
muted
#7F7A7E

Preview Lab

Preview with #781978

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

Preview Lab → · Contrast checker → · Palette generator →

#781978 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva