#782ECA#782ECA

#782ECA is a mid, highly saturated violet. Relative luminance 0.102; OKLCH L 49.5% C 0.222 H 299.5°. Best body text is #FFFFFF at 6.90:1 contrast (WCAG AA passes).

Color values

HEX#782ECA
RGBrgb(120, 46, 202)
HSLhsl(268, 63%, 49%)
HSVhsv(268, 77%, 79%)
CMYKcmyk(40.6%, 77.2%, 0%, 20.8%)
CIE-LABlab(38.22, 60.59, -67.53)
CIE-LCHlch(38.22, 90.73, 311.90°)
OKLaboklab(49.49% 0.1093 -0.1931)
OKLCHoklch(49.49% 0.222 299.5)
XYZxyz(19.3807, 10.2111, 56.8155)
Luminance0.1021 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#782ECA #80CA2E
analogous
#2E32CA #782ECA #C62ECA
triadic
#782ECA #CA782E #2ECA78
tetradic
#782ECA #CA2E32 #80CA2E #2ECAC6
square
#782ECA #CA2E32 #80CA2E #2ECAC6
split-complementary
#782ECA #CAC62E #32CA2E
monochromatic
#3D1766 #5A2398 #782ECA #975BDA #B78DE5

Accessibility & contrast

On white

6.90
#782ECA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.04
#782ECA on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #782ECA
6.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##782ECA#FFFFFF#000000##FFFFFF
##782ECA1.006.903.046.90
#FFFFFF6.901.0021.001.00
#0000003.0421.001.0021.00
##FFFFFF6.901.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005ACE
Deuteranopia (green-blind)
#0059C7
Tritanopia (blue-blind)
#64587B
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #782eca;
/* rgb */ color: rgb(120, 46, 202);
/* oklch */ color: oklch(49.5% 0.222 299.5);
Tailwind
colors: {
  custom: {
    50: '#a66fdb',
    500: '#782eca',
    950: '#000000',
  },
}
SCSS
$custom: #782eca;
$custom-light: #a66fdb;
$custom-dark: #000000;
JSON
{
  "hex": "#782eca",
  "rgb": {
    "r": 120,
    "g": 46,
    "b": 202
  },
  "hsl": {
    "h": 268.462,
    "s": 62.903,
    "l": 48.627
  },
  "oklch": {
    "l": 0.49494,
    "c": 0.2219,
    "h": 299.5
  },
  "luminance": 0.10211
}

Semantic roles & 50–950 ramp

primary
#782ECA
secondary
#ACCF84
accent
#E64298
background
#FAF7FD
surface
#F4EDFB
border
#CEC8D4
text
#100815
muted
#7F7B83

Preview Lab

Preview with #782ECA

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

Preview Lab → · Contrast checker → · Palette generator →

#782ECA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva