#771EAC#771EAC

#771EAC is a mid, highly saturated violet. Relative luminance 0.078; OKLCH L 45.5% C 0.208 H 308.2°. Best body text is #FFFFFF at 8.18:1 contrast (WCAG AA passes).

Color values

HEX#771EAC
RGBrgb(119, 30, 172)
HSLhsl(278, 70%, 40%)
HSVhsv(278, 83%, 67%)
CMYKcmyk(30.8%, 82.6%, 0%, 32.5%)
CIE-LABlab(33.62, 59.37, -57.34)
CIE-LCHlch(33.62, 82.54, 316.00°)
OKLaboklab(45.5% 0.1283 -0.1631)
OKLCHoklch(45.5% 0.208 308.2)
XYZxyz(15.5168, 7.8293, 39.7155)
Luminance0.0783 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#771EAC #53AC1E
analogous
#301EAC #771EAC #AC1E9A
triadic
#771EAC #AC771E #1EAC77
tetradic
#771EAC #AC301E #53AC1E #1E9AAC
square
#771EAC #AC301E #53AC1E #1E9AAC
split-complementary
#771EAC #9AAC1E #1EAC30
monochromatic
#2F0C44 #531578 #771EAC #9A2DDA #B361E3

Accessibility & contrast

On white

8.18
#771EAC on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.57
#771EAC on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #771EAC
8.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##771EAC#FFFFFF#000000##FFFFFF
##771EAC1.008.182.578.18
#FFFFFF8.181.0021.001.00
#0000002.5721.001.0021.00
##FFFFFF8.181.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004CB0
Deuteranopia (green-blind)
#0050A9
Tritanopia (blue-blind)
#6E4467
Achromatopsia (no color)
#4F4F4F

Design tokens & code

CSS
--color: #771eac;
/* rgb */ color: rgb(119, 30, 172);
/* oklch */ color: oklch(45.5% 0.208 308.2);
Tailwind
colors: {
  custom: {
    50: '#a467c6',
    500: '#771eac',
    950: '#000000',
  },
}
SCSS
$custom: #771eac;
$custom-light: #a467c6;
$custom-dark: #000000;
JSON
{
  "hex": "#771eac",
  "rgb": {
    "r": 119,
    "g": 30,
    "b": 172
  },
  "hsl": {
    "h": 277.606,
    "s": 70.297,
    "l": 39.608
  },
  "oklch": {
    "l": 0.45495,
    "c": 0.20751,
    "h": 308.2
  },
  "luminance": 0.07829
}

Semantic roles & 50–950 ramp

primary
#771EAC
secondary
#85C85E
accent
#ED3B7D
background
#FAF6FC
surface
#F4EBF8
border
#CEC6D1
text
#100713
muted
#7F7A82

Preview Lab

Preview with #771EAC

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

Preview Lab → · Contrast checker → · Palette generator →

#771EAC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva