#6F165D#6F165D

#6F165D is a dark, vivid pink. Relative luminance 0.047; OKLCH L 38.1% C 0.145 H 337.8°. Best body text is #FFFFFF at 10.78:1 contrast (WCAG AA passes).

Color values

HEX	#6F165D
RGB	rgb(111, 22, 93)
HSL	hsl(312, 67%, 26%)
HSV	hsv(312, 80%, 44%)
CMYK	cmyk(0%, 80.2%, 16.2%, 56.5%)
CIE-LAB	lab(25.99, 45.34, -20.19)
CIE-LCH	lch(25.99, 49.64, 336.00°)
OKLab	oklab(38.13% 0.1341 -0.0549)
OKLCH	oklch(38.13% 0.145 337.8)
XYZ	xyz(8.8184, 4.7445, 10.8052)
Luminance	0.0474 (WCAG relative)
Temperature	neutral
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6F165D #166F28

analogous

#54166F #6F165D #6F1630

triadic

#6F165D #5D6F16 #165D6F

tetradic

#6F165D #6F5416 #166F28 #16306F

square

#6F165D #6F5416 #166F28 #16306F

split-complementary

#6F165D #306F16 #166F54

monochromatic

#1A0515 #3C0C32 #6F165D #A22088 #D52BB2

Accessibility & contrast

On white

10.78

#6F165D on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.95

#6F165D on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6F165D

10.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6F165D	#FFFFFF	#000000	##FFFFFF
##6F165D	1.00	10.78	1.95	10.78
#FFFFFF	10.78	1.00	21.00	1.00
#000000	1.95	21.00	1.00	21.00
##FFFFFF	10.78	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1A355F

Deuteranopia (green-blind)

#39425B

Tritanopia (blue-blind)

#751B38

Achromatopsia (no color)

#3E3E3E

Design tokens & code

CSS

--color: #6f165d;
/* rgb */ color: rgb(111, 22, 93);
/* oklch */ color: oklch(38.1% 0.145 337.8);

Tailwind

colors: {
  custom: {
    50: '#9c5e8b',
    500: '#6f165d',
    950: '#000000',
  },
}

SCSS

$custom: #6f165d;
$custom-light: #9c5e8b;
$custom-dark: #000000;

JSON

{
  "hex": "#6f165d",
  "rgb": {
    "r": 111,
    "g": 22,
    "b": 93
  },
  "hsl": {
    "h": 312.135,
    "s": 66.917,
    "l": 26.078
  },
  "oklch": {
    "l": 0.38126,
    "c": 0.14492,
    "h": 337.8
  },
  "luminance": 0.04744
}

Semantic roles & 50–950 ramp

primary

#6F165D

secondary

#3CA551

accent

#EA613E

background

#F9F5F8

surface

#F2EAF0

border

#CCC6CB

text

#0F050C

muted

#7E797D

Preview Lab

Preview with #6F165D

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

Preview Lab → · Contrast checker → · Palette generator →