#76264C#76264C

#76264C is a dark, moderate pink. Relative luminance 0.058; OKLCH L 40.2% C 0.119 H 354.4°. Best body text is #FFFFFF at 9.76:1 contrast (WCAG AA passes).

Color values

HEX	#76264C
RGB	rgb(118, 38, 76)
HSL	hsl(332, 51%, 31%)
HSV	hsv(332, 68%, 46%)
CMYK	cmyk(0%, 67.8%, 35.6%, 53.7%)
CIE-LAB	lab(28.80, 38.69, -4.56)
CIE-LCH	lch(28.80, 38.95, 353.28°)
OKLab	oklab(40.18% 0.1182 -0.0115)
OKLCH	oklch(40.18% 0.119 354.4)
XYZ	xyz(9.4694, 5.7606, 7.4493)
Luminance	0.0576 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#76264C #267650

analogous

#762674 #76264C #762826

triadic

#76264C #4C7626 #264C76

tetradic

#76264C #747626 #267650 #282676

square

#76264C #747626 #267650 #282676

split-complementary

#76264C #267628 #267476

monochromatic

#190810 #48172E #76264C #A4356A #C75088

Accessibility & contrast

On white

9.76

#76264C on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.15

#76264C on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #76264C

9.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##76264C	#FFFFFF	#000000	##FFFFFF
##76264C	1.00	9.76	2.15	9.76
#FFFFFF	9.76	1.00	21.00	1.00
#000000	2.15	21.00	1.00	21.00
##FFFFFF	9.76	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#333B4D

Deuteranopia (green-blind)

#49494A

Tritanopia (blue-blind)

#7F2035

Achromatopsia (no color)

#444444

Design tokens & code

CSS

--color: #76264c;
/* rgb */ color: rgb(118, 38, 76);
/* oklch */ color: oklch(40.2% 0.119 354.4);

Tailwind

colors: {
  custom: {
    50: '#a1667e',
    500: '#76264c',
    950: '#000000',
  },
}

SCSS

$custom: #76264c;
$custom-light: #a1667e;
$custom-dark: #000000;

JSON

{
  "hex": "#76264c",
  "rgb": {
    "r": 118,
    "g": 38,
    "b": 76
  },
  "hsl": {
    "h": 331.5,
    "s": 51.282,
    "l": 30.588
  },
  "oklch": {
    "l": 0.40179,
    "c": 0.11871,
    "h": 354.4
  },
  "luminance": 0.0576
}

Semantic roles & 50–950 ramp

primary

#76264C

secondary

#4FA87E

accent

#DB974D

background

#FAF6F7

surface

#F4EBEE

border

#CEC6C9

text

#0F0609

muted

#7F7A7B

Preview Lab

Preview with #76264C

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

Preview Lab → · Contrast checker → · Palette generator →