#403259#403259

#403259 is a dark, moderate violet. Relative luminance 0.041; OKLCH L 35.1% C 0.068 H 299.4°. Best body text is #FFFFFF at 11.55:1 contrast (WCAG AA passes).

Color values

HEX	#403259
RGB	rgb(64, 50, 89)
HSL	hsl(262, 28%, 27%)
HSV	hsv(262, 44%, 35%)
CMYK	cmyk(28.1%, 43.8%, 0%, 65.1%)
CIE-LAB	lab(23.97, 15.76, -21.23)
CIE-LCH	lch(23.97, 26.44, 306.59°)
OKLab	oklab(35.09% 0.0334 -0.0592)
OKLCH	oklch(35.09% 0.068 299.4)
XYZ	xyz(5.0577, 4.0924, 9.9727)
Luminance	0.0409 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#403259 #4B5932

analogous

#323859 #403259 #543259

triadic

#403259 #594032 #325940

tetradic

#403259 #593238 #4B5932 #325954

square

#403259 #593238 #4B5932 #325954

split-complementary

#403259 #595432 #385932

monochromatic

#0E0B14 #241C32 #403259 #5C4880 #7960A6

Accessibility & contrast

On white

11.55

#403259 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.82

#403259 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #403259

11.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##403259	#FFFFFF	#000000	##FFFFFF
##403259	1.00	11.55	1.82	11.55
#FFFFFF	11.55	1.00	21.00	1.00
#000000	1.82	21.00	1.00	21.00
##FFFFFF	11.55	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#28395A

Deuteranopia (green-blind)

#2A3958

Tritanopia (blue-blind)

#3B3941

Achromatopsia (no color)

#393939

Design tokens & code

CSS

--color: #403259;
/* rgb */ color: rgb(64, 50, 89);
/* oklch */ color: oklch(35.1% 0.068 299.4);

Tailwind

colors: {
  custom: {
    50: '#766a88',
    500: '#403259',
    950: '#000000',
  },
}

SCSS

$custom: #403259;
$custom-light: #766a88;
$custom-dark: #000000;

JSON

{
  "hex": "#403259",
  "rgb": {
    "r": 64,
    "g": 50,
    "b": 89
  },
  "hsl": {
    "h": 261.538,
    "s": 28.058,
    "l": 27.255
  },
  "oklch": {
    "l": 0.35091,
    "c": 0.068,
    "h": 299.4
  },
  "luminance": 0.04092
}

Semantic roles & 50–950 ramp

primary

#403259

secondary

#7A8A5D

accent

#C463A2

background

#F7F6F8

surface

#EDEBEF

border

#C8C6CA

text

#08060B

muted

#7B7A7C

Preview Lab

Preview with #403259

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

Preview Lab → · Contrast checker → · Palette generator →