#672487#672487

#672487 is a dark, vivid purple. Relative luminance 0.059; OKLCH L 41.0% C 0.161 H 312.4°. Best body text is #FFFFFF at 9.64:1 contrast (WCAG AA passes).

Color values

HEX	#672487
RGB	rgb(103, 36, 135)
HSL	hsl(281, 58%, 34%)
HSV	hsv(281, 73%, 53%)
CMYK	cmyk(23.7%, 73.3%, 0%, 47.1%)
CIE-LAB	lab(29.15, 46.05, -42.12)
CIE-LCH	lch(29.15, 62.41, 317.55°)
OKLab	oklab(40.96% 0.1087 -0.119)
OKLCH	oklch(40.96% 0.161 312.4)
XYZ	xyz(10.5968, 5.8949, 23.4966)
Luminance	0.0590 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#672487 #448724

analogous

#352487 #672487 #872475

triadic

#672487 #876724 #248767

tetradic

#672487 #873524 #448724 #247587

square

#672487 #873524 #448724 #247587

split-complementary

#672487 #758724 #248735

monochromatic

#1D0A26 #421757 #672487 #8C31B7 #A954D1

Accessibility & contrast

On white

9.64

#672487 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.18

#672487 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #672487

9.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##672487	#FFFFFF	#000000	##FFFFFF
##672487	1.00	9.64	2.18	9.64
#FFFFFF	9.64	1.00	21.00	1.00
#000000	2.18	21.00	1.00	21.00
##FFFFFF	9.64	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#00418A

Deuteranopia (green-blind)

#194685

Tritanopia (blue-blind)

#633953

Achromatopsia (no color)

#454545

Design tokens & code

CSS

--color: #672487;
/* rgb */ color: rgb(103, 36, 135);
/* oklch */ color: oklch(41.0% 0.161 312.4);

Tailwind

colors: {
  custom: {
    50: '#9665ab',
    500: '#672487',
    950: '#000000',
  },
}

SCSS

$custom: #672487;
$custom-light: #9665ab;
$custom-dark: #000000;

JSON

{
  "hex": "#672487",
  "rgb": {
    "r": 103,
    "g": 36,
    "b": 135
  },
  "hsl": {
    "h": 280.606,
    "s": 57.895,
    "l": 33.529
  },
  "oklch": {
    "l": 0.40957,
    "c": 0.16116,
    "h": 312.4
  },
  "luminance": 0.05895
}

Semantic roles & 50–950 ramp

primary

#672487

secondary

#72B551

accent

#E14779

background

#F9F6FA

surface

#F2EBF4

border

#CCC6CE

text

#0E0610

muted

#7E7A7F

Preview Lab

Preview with #672487

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

Preview Lab → · Contrast checker → · Palette generator →