#442276#442276

#442276 is a dark, vivid violet. Relative luminance 0.037; OKLCH L 34.8% C 0.136 H 297.4°. Best body text is #FFFFFF at 12.10:1 contrast (WCAG AA passes).

Color values

HEX	#442276
RGB	rgb(68, 34, 118)
HSL	hsl(264, 55%, 30%)
HSV	hsv(264, 71%, 46%)
CMYK	cmyk(42.4%, 71.2%, 0%, 53.7%)
CIE-LAB	lab(22.59, 35.22, -42.25)
CIE-LCH	lch(22.59, 55.00, 309.82°)
OKLab	oklab(34.81% 0.0625 -0.1206)
OKLCH	oklch(34.81% 0.136 297.4)
XYZ	xyz(6.2251, 3.6809, 17.5185)
Luminance	0.0368 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Indigo

#4B0082

ΔE00 5.56

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#442276 #547622

analogous

#222A76 #442276 #6E2276

triadic

#442276 #764422 #227644

tetradic

#442276 #76222A #547622 #22766E

square

#442276 #76222A #547622 #22766E

split-complementary

#442276 #766E22 #2A7622

monochromatic

#0E0718 #291446 #442276 #5F30A6 #7D48CA

Accessibility & contrast

On white

12.10

#442276 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.74

#442276 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #442276

12.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##442276	#FFFFFF	#000000	##FFFFFF
##442276	1.00	12.10	1.74	12.10
#FFFFFF	12.10	1.00	21.00	1.00
#000000	1.74	21.00	1.00	21.00
##FFFFFF	12.10	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#003679

Deuteranopia (green-blind)

#003574

Tritanopia (blue-blind)

#383649

Achromatopsia (no color)

#363636

Design tokens & code

CSS

--color: #442276;
/* rgb */ color: rgb(68, 34, 118);
/* oklch */ color: oklch(34.8% 0.136 297.4);

Tailwind

colors: {
  custom: {
    50: '#7d609e',
    500: '#442276',
    950: '#000000',
  },
}

SCSS

$custom: #442276;
$custom-light: #7d609e;
$custom-dark: #000000;

JSON

{
  "hex": "#442276",
  "rgb": {
    "r": 68,
    "g": 34,
    "b": 118
  },
  "hsl": {
    "h": 264.286,
    "s": 55.263,
    "l": 29.804
  },
  "oklch": {
    "l": 0.34813,
    "c": 0.13583,
    "h": 297.4
  },
  "luminance": 0.03681
}

Semantic roles & 50–950 ramp

primary

#442276

secondary

#83A94B

accent

#DF49A2

background

#F7F5F9

surface

#EEE9F2

border

#C9C5CC

text

#0A050E

muted

#7C797E

Preview Lab

Preview with #442276

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

Preview Lab → · Contrast checker → · Palette generator →