#7A4DE0#7A4DE0

#7A4DE0 is a mid, highly saturated violet. Relative luminance 0.148; OKLCH L 55.2% C 0.211 H 292.1°. Best body text is #FFFFFF at 5.30:1 contrast (WCAG AA passes).

Color values

HEX#7A4DE0
RGBrgb(122, 77, 224)
HSLhsl(258, 70%, 59%)
HSVhsv(258, 66%, 88%)
CMYKcmyk(45.5%, 65.6%, 0%, 12.2%)
CIE-LABlab(45.40, 51.97, -68.47)
CIE-LCHlch(45.40, 85.95, 307.20°)
OKLaboklab(55.18% 0.0795 -0.1959)
OKLCHoklch(55.18% 0.211 292.1)
XYZxyz(24.1307, 14.8263, 72.0969)
Luminance0.1483 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7A4DE0 #B3E04D
analogous
#4D6AE0 #7A4DE0 #C34DE0
triadic
#7A4DE0 #E07A4D #4DE07A
tetradic
#7A4DE0 #E04D6A #B3E04D #4DE0C3
square
#7A4DE0 #E04D6A #B3E04D #4DE0C3
split-complementary
#7A4DE0 #E0C34D #6AE04D
monochromatic
#411A98 #5724CC #7A4DE0 #A181E9 #C8B5F2

Accessibility & contrast

On white

5.30
#7A4DE0 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.97
#7A4DE0 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7A4DE0
5.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7A4DE0#FFFFFF#000000##FFFFFF
##7A4DE01.005.303.975.30
#FFFFFF5.301.0021.001.00
#0000003.9721.001.0021.00
##FFFFFF5.301.0021.001.00

Color blindness preview

Protanopia (red-blind)
#006EE5
Deuteranopia (green-blind)
#0068DD
Tritanopia (blue-blind)
#5B7190
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #7a4de0;
/* rgb */ color: rgb(122, 77, 224);
/* oklch */ color: oklch(55.2% 0.211 292.1);
Tailwind
colors: {
  custom: {
    50: '#a881eb',
    500: '#7a4de0',
    950: '#000000',
  },
}
SCSS
$custom: #7a4de0;
$custom-light: #a881eb;
$custom-dark: #000000;
JSON
{
  "hex": "#7a4de0",
  "rgb": {
    "r": 122,
    "g": 77,
    "b": 224
  },
  "hsl": {
    "h": 258.367,
    "s": 70.335,
    "l": 59.02
  },
  "oklch": {
    "l": 0.55181,
    "c": 0.21146,
    "h": 292.1
  },
  "luminance": 0.14827
}

Semantic roles & 50–950 ramp

primary
#7A4DE0
secondary
#D0E1A8
accent
#ED3BB6
background
#FAF8FE
surface
#F5EFFD
border
#CFCAD5
text
#110B16
muted
#807C84

Preview Lab

Preview with #7A4DE0

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

Preview Lab → · Contrast checker → · Palette generator →

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