#694166#694166

#694166 is a dark, moderate purple. Relative luminance 0.077; OKLCH L 43.6% C 0.078 H 329.5°. Best body text is #FFFFFF at 8.24:1 contrast (WCAG AA passes).

Color values

HEX	#694166
RGB	rgb(105, 65, 102)
HSL	hsl(305, 24%, 33%)
HSV	hsv(305, 38%, 41%)
CMYK	cmyk(0%, 38.1%, 2.9%, 58.8%)
CIE-LAB	lab(33.44, 23.82, -14.56)
CIE-LCH	lch(33.44, 27.92, 328.57°)
OKLab	oklab(43.58% 0.0668 -0.0394)
OKLCH	oklch(43.58% 0.078 329.5)
XYZ	xyz(10.1141, 7.7436, 13.5297)
Luminance	0.0774 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#694166 #416944

analogous

#584169 #694166 #694152

triadic

#694166 #666941 #416669

tetradic

#694166 #695841 #416944 #415269

square

#694166 #695841 #416944 #415269

split-complementary

#694166 #526941 #416958

monochromatic

#1D121D #432A41 #694166 #8F588B #AC79A8

Accessibility & contrast

On white

8.24

#694166 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.55

#694166 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #694166

8.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##694166	#FFFFFF	#000000	##FFFFFF
##694166	1.00	8.24	2.55	8.24
#FFFFFF	8.24	1.00	21.00	1.00
#000000	2.55	21.00	1.00	21.00
##FFFFFF	8.24	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3F4B67

Deuteranopia (green-blind)

#495165

Tritanopia (blue-blind)

#6C444F

Achromatopsia (no color)

#4F4F4F

Design tokens & code

CSS

--color: #694166;
/* rgb */ color: rgb(105, 65, 102);
/* oklch */ color: oklch(43.6% 0.078 329.5);

Tailwind

colors: {
  custom: {
    50: '#957691',
    500: '#694166',
    950: '#000000',
  },
}

SCSS

$custom: #694166;
$custom-light: #957691;
$custom-dark: #000000;

JSON

{
  "hex": "#694166",
  "rgb": {
    "r": 105,
    "g": 65,
    "b": 102
  },
  "hsl": {
    "h": 304.5,
    "s": 23.529,
    "l": 33.333
  },
  "oklch": {
    "l": 0.43576,
    "c": 0.0776,
    "h": 329.5
  },
  "luminance": 0.07743
}

Semantic roles & 50–950 ramp

primary

#694166

secondary

#6E9772

accent

#C06E68

background

#F9F7F8

surface

#F1EDF0

border

#CBC8CB

text

#0D080D

muted

#7E7B7D

Preview Lab

Preview with #694166

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

Preview Lab → · Contrast checker → · Palette generator →