#794591#794591

#794591 is a mid, vivid purple. Relative luminance 0.104; OKLCH L 48.5% C 0.129 H 314.1°. Best body text is #FFFFFF at 6.83:1 contrast (WCAG AA passes).

Color values

HEX	#794591
RGB	rgb(121, 69, 145)
HSL	hsl(281, 36%, 42%)
HSV	hsv(281, 52%, 57%)
CMYK	cmyk(16.6%, 52.4%, 0%, 43.1%)
CIE-LAB	lab(38.49, 36.06, -33.21)
CIE-LCH	lch(38.49, 49.03, 317.36°)
OKLab	oklab(48.48% 0.0898 -0.0926)
OKLCH	oklch(48.48% 0.129 314.1)
XYZ	xyz(15.1233, 10.3659, 27.9867)
Luminance	0.1037 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#794591 #5D9145

analogous

#534591 #794591 #914583

triadic

#794591 #917945 #459179

tetradic

#794591 #915345 #5D9145 #458391

square

#794591 #915345 #5D9145 #458391

split-complementary

#794591 #839145 #459153

monochromatic

#341E3E #563168 #794591 #9960B3 #B489C7

Accessibility & contrast

On white

6.83

#794591 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.07

#794591 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #794591

6.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##794591	#FFFFFF	#000000	##FFFFFF
##794591	1.00	6.83	3.07	6.83
#FFFFFF	6.83	1.00	21.00	1.00
#000000	3.07	21.00	1.00	21.00
##FFFFFF	6.83	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#345894

Deuteranopia (green-blind)

#435C8F

Tritanopia (blue-blind)

#775164

Achromatopsia (no color)

#5B5B5B

Design tokens & code

CSS

--color: #794591;
/* rgb */ color: rgb(121, 69, 145);
/* oklch */ color: oklch(48.5% 0.129 314.1);

Tailwind

colors: {
  custom: {
    50: '#a17bb1',
    500: '#794591',
    950: '#000000',
  },
}

SCSS

$custom: #794591;
$custom-light: #a17bb1;
$custom-dark: #000000;

JSON

{
  "hex": "#794591",
  "rgb": {
    "r": 121,
    "g": 69,
    "b": 145
  },
  "hsl": {
    "h": 281.053,
    "s": 35.514,
    "l": 41.961
  },
  "oklch": {
    "l": 0.48479,
    "c": 0.12898,
    "h": 314.1
  },
  "luminance": 0.10366
}

Semantic roles & 50–950 ramp

primary

#794591

secondary

#90B280

accent

#CC5C7F

background

#FAF7FA

surface

#F4EEF5

border

#CEC9CF

text

#0F0911

muted

#7F7B80

Preview Lab

Preview with #794591

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

Preview Lab → · Contrast checker → · Palette generator →