#77177E#77177E

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

Color values

HEX#77177E
RGBrgb(119, 23, 126)
HSLhsl(296, 69%, 29%)
HSVhsv(296, 82%, 49%)
CMYKcmyk(5.6%, 81.7%, 0%, 50.6%)
CIE-LABlab(29.52, 52.38, -35.75)
CIE-LCHlch(29.52, 63.42, 325.69°)
OKLaboklab(41.55% 0.1424 -0.0997)
OKLCHoklch(41.55% 0.174 325)
XYZxyz(11.6798, 6.0419, 20.2856)
Luminance0.0604 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77177E #1E7E17
analogous
#44177E #77177E #7E1752
triadic
#77177E #7E7717 #177E77
tetradic
#77177E #7E4417 #1E7E17 #17527E
square
#77177E #7E4417 #1E7E17 #17527E
split-complementary
#77177E #527E17 #177E44
monochromatic
#18051A #460E4A #77177E #A820B2 #CF35DA

Accessibility & contrast

On white

9.51
#77177E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.21
#77177E on #000000
AA ✗AA large ✗AAA ✗

Best text color

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

Contrast matrix

fg \ bg##77177E#FFFFFF#000000##FFFFFF
##77177E1.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)
#003E81
Deuteranopia (green-blind)
#2E497C
Tritanopia (blue-blind)
#7A2B4B
Achromatopsia (no color)
#464646

Design tokens & code

CSS
--color: #77177e;
/* rgb */ color: rgb(119, 23, 126);
/* oklch */ color: oklch(41.5% 0.174 325.0);
Tailwind
colors: {
  custom: {
    50: '#a262a4',
    500: '#77177e',
    950: '#000000',
  },
}
SCSS
$custom: #77177e;
$custom-light: #a262a4;
$custom-dark: #000000;
JSON
{
  "hex": "#77177e",
  "rgb": {
    "r": 119,
    "g": 23,
    "b": 126
  },
  "hsl": {
    "h": 295.922,
    "s": 69.128,
    "l": 29.216
  },
  "oklch": {
    "l": 0.41549,
    "c": 0.17382,
    "h": 325
  },
  "luminance": 0.06041
}

Semantic roles & 50–950 ramp

primary
#77177E
secondary
#46B33E
accent
#EC3C48
background
#FAF6FA
surface
#F4EBF4
border
#CEC6CE
text
#0F060F
muted
#7F7A7F

Preview Lab

Preview with #77177E

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

Preview Lab → · Contrast checker → · Palette generator →

#77177E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva