#83304A#83304A

#83304A is a dark, moderate pink. Relative luminance 0.074; OKLCH L 43.6% C 0.117 H 3.8°. Best body text is #FFFFFF at 8.44:1 contrast (WCAG AA passes).

Color values

HEX	#83304A
RGB	rgb(131, 48, 74)
HSL	hsl(341, 46%, 35%)
HSV	hsv(341, 63%, 51%)
CMYK	cmyk(0%, 63.4%, 43.5%, 48.6%)
CIE-LAB	lab(32.78, 38.15, 2.86)
CIE-LCH	lch(32.78, 38.26, 4.28°)
OKLab	oklab(43.56% 0.1164 0.0078)
OKLCH	oklch(43.56% 0.117 3.8)
XYZ	xyz(11.6538, 7.4350, 7.2986)
Luminance	0.0743 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#83304A #308369

analogous

#833073 #83304A #834030

triadic

#83304A #4A8330 #304A83

tetradic

#83304A #738330 #308369 #403083

square

#83304A #738330 #308369 #403083

split-complementary

#83304A #308340 #307383

monochromatic

#290F17 #562031 #83304A #B04063 #C76685

Accessibility & contrast

On white

8.44

#83304A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.49

#83304A on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #83304A

8.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##83304A	#FFFFFF	#000000	##FFFFFF
##83304A	1.00	8.44	2.49	8.44
#FFFFFF	8.44	1.00	21.00	1.00
#000000	2.49	21.00	1.00	21.00
##FFFFFF	8.44	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#40434B

Deuteranopia (green-blind)

#565348

Tritanopia (blue-blind)

#8E263A

Achromatopsia (no color)

#4D4D4D

Design tokens & code

CSS

--color: #83304a;
/* rgb */ color: rgb(131, 48, 74);
/* oklch */ color: oklch(43.6% 0.117 3.8);

Tailwind

colors: {
  custom: {
    50: '#ab6d7c',
    500: '#83304a',
    950: '#000000',
  },
}

SCSS

$custom: #83304a;
$custom-light: #ab6d7c;
$custom-dark: #000000;

JSON

{
  "hex": "#83304a",
  "rgb": {
    "r": 131,
    "g": 48,
    "b": 74
  },
  "hsl": {
    "h": 341.205,
    "s": 46.369,
    "l": 35.098
  },
  "oklch": {
    "l": 0.43556,
    "c": 0.11663,
    "h": 3.8
  },
  "luminance": 0.07434
}

Semantic roles & 50–950 ramp

primary

#83304A

secondary

#61AE96

accent

#D6AD52

background

#FAF6F7

surface

#F5ECEE

border

#CFC7C9

text

#110709

muted

#807A7B

Preview Lab

Preview with #83304A

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

Preview Lab → · Contrast checker → · Palette generator →