#842265#842265

#842265 is a dark, vivid pink. Relative luminance 0.070; OKLCH L 43.2% C 0.150 H 343.4°. Best body text is #FFFFFF at 8.76:1 contrast (WCAG AA passes).

Color values

HEX	#842265
RGB	rgb(132, 34, 101)
HSL	hsl(319, 59%, 33%)
HSV	hsv(319, 74%, 52%)
CMYK	cmyk(0%, 74.2%, 23.5%, 48.2%)
CIE-LAB	lab(31.79, 47.87, -16.10)
CIE-LCH	lch(31.79, 50.51, 341.41°)
OKLab	oklab(43.19% 0.1442 -0.043)
OKLCH	oklch(43.19% 0.15 343.4)
XYZ	xyz(12.4372, 6.9905, 13.0037)
Luminance	0.0699 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#842265 #228441

analogous

#722284 #842265 #842234

triadic

#842265 #658422 #226584

tetradic

#842265 #847222 #228441 #223484

square

#842265 #847222 #228441 #223484

split-complementary

#842265 #348422 #228472

monochromatic

#23091B #531540 #842265 #B52F8A #D24FA8

Accessibility & contrast

On white

8.76

#842265 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.40

#842265 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #842265

8.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##842265	#FFFFFF	#000000	##FFFFFF
##842265	1.00	8.76	2.40	8.76
#FFFFFF	8.76	1.00	21.00	1.00
#000000	2.40	21.00	1.00	21.00
##FFFFFF	8.76	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2C4067

Deuteranopia (green-blind)

#4A5163

Tritanopia (blue-blind)

#8D2240

Achromatopsia (no color)

#4B4B4B

Design tokens & code

CSS

--color: #842265;
/* rgb */ color: rgb(132, 34, 101);
/* oklch */ color: oklch(43.2% 0.150 343.4);

Tailwind

colors: {
  custom: {
    50: '#ab6791',
    500: '#842265',
    950: '#000000',
  },
}

SCSS

$custom: #842265;
$custom-light: #ab6791;
$custom-dark: #000000;

JSON

{
  "hex": "#842265",
  "rgb": {
    "r": 132,
    "g": 34,
    "b": 101
  },
  "hsl": {
    "h": 318.98,
    "s": 59.036,
    "l": 32.549
  },
  "oklch": {
    "l": 0.43185,
    "c": 0.15048,
    "h": 343.4
  },
  "luminance": 0.06989
}

Semantic roles & 50–950 ramp

primary

#842265

secondary

#4DB56E

accent

#E27746

background

#FAF6F8

surface

#F5EBF0

border

#CFC6CB

text

#11060C

muted

#807A7D

Preview Lab

Preview with #842265

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

Preview Lab → · Contrast checker → · Palette generator →