#653E6B#653E6B

#653E6B is a dark, moderate purple. Relative luminance 0.073; OKLCH L 42.8% C 0.086 H 322.1°. Best body text is #FFFFFF at 8.56:1 contrast (WCAG AA passes).

Color values

HEX	#653E6B
RGB	rgb(101, 62, 107)
HSL	hsl(292, 27%, 33%)
HSV	hsv(292, 42%, 42%)
CMYK	cmyk(5.6%, 42.1%, 0%, 58%)
CIE-LAB	lab(32.42, 25.29, -19.34)
CIE-LCH	lch(32.42, 31.83, 322.59°)
OKLab	oklab(42.77% 0.068 -0.053)
OKLCH	oklch(42.77% 0.086 322.1)
XYZ	xyz(9.7430, 7.2738, 14.7978)
Luminance	0.0727 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#653E6B #446B3E

analogous

#4E3E6B #653E6B #6B3E5A

triadic

#653E6B #6B653E #3E6B65

tetradic

#653E6B #6B4E3E #446B3E #3E5A6B

square

#653E6B #6B4E3E #446B3E #3E5A6B

split-complementary

#653E6B #5A6B3E #3E6B4E

monochromatic

#1C111E #402844 #653E6B #8A5492 #A775AF

Accessibility & contrast

On white

8.56

#653E6B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.45

#653E6B on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #653E6B

8.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##653E6B	#FFFFFF	#000000	##FFFFFF
##653E6B	1.00	8.56	2.45	8.56
#FFFFFF	8.56	1.00	21.00	1.00
#000000	2.45	21.00	1.00	21.00
##FFFFFF	8.56	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#39496D

Deuteranopia (green-blind)

#434E6A

Tritanopia (blue-blind)

#66434F

Achromatopsia (no color)

#4C4C4C

Design tokens & code

CSS

--color: #653e6b;
/* rgb */ color: rgb(101, 62, 107);
/* oklch */ color: oklch(42.8% 0.086 322.1);

Tailwind

colors: {
  custom: {
    50: '#927495',
    500: '#653e6b',
    950: '#000000',
  },
}

SCSS

$custom: #653e6b;
$custom-light: #927495;
$custom-dark: #000000;

JSON

{
  "hex": "#653e6b",
  "rgb": {
    "r": 101,
    "g": 62,
    "b": 107
  },
  "hsl": {
    "h": 292,
    "s": 26.627,
    "l": 33.137
  },
  "oklch": {
    "l": 0.42767,
    "c": 0.08624,
    "h": 322.1
  },
  "luminance": 0.07273
}

Semantic roles & 50–950 ramp

primary

#653E6B

secondary

#719A6B

accent

#C36571

background

#F9F7F9

surface

#F1EDF1

border

#CBC8CB

text

#0D080D

muted

#7E7B7E

Preview Lab

Preview with #653E6B

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

Preview Lab → · Contrast checker → · Palette generator →