#321D36#321D36

#321D36 is a dark, muted purple. Relative luminance 0.018; OKLCH L 26.9% C 0.053 H 321.0°. Best body text is #FFFFFF at 15.39:1 contrast (WCAG AA passes).

Color values

HEX	#321D36
RGB	rgb(50, 29, 54)
HSL	hsl(290, 30%, 16%)
HSV	hsv(290, 46%, 21%)
CMYK	cmyk(7.4%, 46.3%, 0%, 78.8%)
CIE-LAB	lab(14.53, 15.50, -12.22)
CIE-LCH	lch(14.53, 19.74, 321.76°)
OKLab	oklab(26.95% 0.0414 -0.0335)
OKLCH	oklch(26.95% 0.053 321)
XYZ	xyz(2.4205, 1.8233, 3.7137)
Luminance	0.0182 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#321D36 #21361D

analogous

#261D36 #321D36 #361D2E

triadic

#321D36 #36321D #1D3632

tetradic

#321D36 #36261D #21361D #1D2E36

square

#321D36 #36261D #21361D #1D2E36

split-complementary

#321D36 #2E361D #1D3626

monochromatic

#120B14 #120B14 #321D36 #57325E #7C4886

Accessibility & contrast

On white

15.39

#321D36 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.36

#321D36 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #321D36

15.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##321D36	#FFFFFF	#000000	##FFFFFF
##321D36	1.00	15.39	1.36	15.39
#FFFFFF	15.39	1.00	21.00	1.00
#000000	1.36	21.00	1.00	21.00
##FFFFFF	15.39	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1A2337

Deuteranopia (green-blind)

#1F2635

Tritanopia (blue-blind)

#332027

Achromatopsia (no color)

#252525

Design tokens & code

CSS

--color: #321d36;
/* rgb */ color: rgb(50, 29, 54);
/* oklch */ color: oklch(26.9% 0.053 321.0);

Tailwind

colors: {
  custom: {
    50: '#6a596d',
    500: '#321d36',
    950: '#000000',
  },
}

SCSS

$custom: #321d36;
$custom-light: #6a596d;
$custom-dark: #000000;

JSON

{
  "hex": "#321d36",
  "rgb": {
    "r": 50,
    "g": 29,
    "b": 54
  },
  "hsl": {
    "h": 290.4,
    "s": 30.12,
    "l": 16.275
  },
  "oklch": {
    "l": 0.26947,
    "c": 0.05328,
    "h": 321
  },
  "luminance": 0.01823
}

Semantic roles & 50–950 ramp

primary

#321D36

secondary

#4B6A45

accent

#C66172

background

#F6F5F6

surface

#EBE9EB

border

#C6C5C6

text

#060307

muted

#7A787A

Preview Lab

Preview with #321D36

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

Preview Lab → · Contrast checker → · Palette generator →