#400B3D#400B3D

#400B3D is a dark, moderate purple. Relative luminance 0.017; OKLCH L 26.9% C 0.103 H 330.5°. Best body text is #FFFFFF at 15.75:1 contrast (WCAG AA passes).

Color values

HEX	#400B3D
RGB	rgb(64, 11, 61)
HSL	hsl(303, 71%, 15%)
HSV	hsv(303, 83%, 25%)
CMYK	cmyk(0%, 82.8%, 4.7%, 74.9%)
CIE-LAB	lab(13.63, 31.63, -18.44)
CIE-LCH	lch(13.63, 36.61, 329.76°)
OKLab	oklab(26.91% 0.0898 -0.0509)
OKLCH	oklch(26.91% 0.103 330.5)
XYZ	xyz(3.0763, 1.6665, 4.5736)
Luminance	0.0167 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#400B3D #0B400E

analogous

#290B40 #400B3D #400B23

triadic

#400B3D #3D400B #0B3D40

tetradic

#400B3D #40290B #0B400E #0B2340

square

#400B3D #40290B #0B400E #0B2340

split-complementary

#400B3D #23400B #0B4029

monochromatic

#1A0419 #1A0419 #400B3D #74146F #A81DA1

Accessibility & contrast

On white

15.75

#400B3D on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.33

#400B3D on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #400B3D

15.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##400B3D	#FFFFFF	#000000	##FFFFFF
##400B3D	1.00	15.75	1.33	15.75
#FFFFFF	15.75	1.00	21.00	1.00
#000000	1.33	21.00	1.00	21.00
##FFFFFF	15.75	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#061E3E

Deuteranopia (green-blind)

#1B253C

Tritanopia (blue-blind)

#431223

Achromatopsia (no color)

#232323

Design tokens & code

CSS

--color: #400b3d;
/* rgb */ color: rgb(64, 11, 61);
/* oklch */ color: oklch(26.9% 0.103 330.5);

Tailwind

colors: {
  custom: {
    50: '#775172',
    500: '#400b3d',
    950: '#000000',
  },
}

SCSS

$custom: #400b3d;
$custom-light: #775172;
$custom-dark: #000000;

JSON

{
  "hex": "#400b3d",
  "rgb": {
    "r": 64,
    "g": 11,
    "b": 61
  },
  "hsl": {
    "h": 303.396,
    "s": 70.667,
    "l": 14.706
  },
  "oklch": {
    "l": 0.26905,
    "c": 0.10323,
    "h": 330.5
  },
  "luminance": 0.01666
}

Semantic roles & 50–950 ramp

primary

#400B3D

secondary

#2A7D2F

accent

#ED443A

background

#F7F4F6

surface

#EDE7EC

border

#C8C3C7

text

#090208

muted

#7B787B

Preview Lab

Preview with #400B3D

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

Preview Lab → · Contrast checker → · Palette generator →