#7A1878#7A1878

#7A1878 is a dark, vivid purple. Relative luminance 0.061; OKLCH L 41.7% C 0.169 H 329.0°. Best body text is #FFFFFF at 9.42:1 contrast (WCAG AA passes).

Color values

HEX#7A1878
RGBrgb(122, 24, 120)
HSLhsl(301, 67%, 29%)
HSVhsv(301, 80%, 48%)
CMYKcmyk(0%, 80.3%, 1.6%, 52.2%)
CIE-LABlab(29.78, 51.69, -31.51)
CIE-LCHlch(29.78, 60.53, 328.64°)
OKLaboklab(41.72% 0.1453 -0.0872)
OKLCHoklch(41.72% 0.169 329)
XYZxyz(11.7427, 6.1478, 18.3338)
Luminance0.0615 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7A1878 #187A1A
analogous
#4B187A #7A1878 #7A1847
triadic
#7A1878 #787A18 #18787A
tetradic
#7A1878 #7A4B18 #187A1A #18477A
square
#7A1878 #7A4B18 #187A1A #18477A
split-complementary
#7A1878 #477A18 #187A4B
monochromatic
#1A0519 #470E46 #7A1878 #AD22AA #D735D4

Accessibility & contrast

On white

9.42
#7A1878 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.23
#7A1878 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7A1878
9.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7A1878#FFFFFF#000000##FFFFFF
##7A18781.009.422.239.42
#FFFFFF9.421.0021.001.00
#0000002.2321.001.0021.00
##FFFFFF9.421.0021.001.00

Color blindness preview

Protanopia (red-blind)
#033E7B
Deuteranopia (green-blind)
#364B76
Tritanopia (blue-blind)
#7E2848
Achromatopsia (no color)
#464646

Design tokens & code

CSS
--color: #7a1878;
/* rgb */ color: rgb(122, 24, 120);
/* oklch */ color: oklch(41.7% 0.169 329.0);
Tailwind
colors: {
  custom: {
    50: '#a4629f',
    500: '#7a1878',
    950: '#000000',
  },
}
SCSS
$custom: #7a1878;
$custom-light: #a4629f;
$custom-dark: #000000;
JSON
{
  "hex": "#7a1878",
  "rgb": {
    "r": 122,
    "g": 24,
    "b": 120
  },
  "hsl": {
    "h": 301.224,
    "s": 67.123,
    "l": 28.627
  },
  "oklch": {
    "l": 0.41719,
    "c": 0.16948,
    "h": 329
  },
  "luminance": 0.06147
}

Semantic roles & 50–950 ramp

primary
#7A1878
secondary
#3FAF41
accent
#EA413E
background
#FAF6F9
surface
#F4EBF2
border
#CEC6CC
text
#10060E
muted
#7F7A7E

Preview Lab

Preview with #7A1878

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

Preview Lab → · Contrast checker → · Palette generator →

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