#C82D5D#C82D5D

#C82D5D is a mid, vivid pink. Relative luminance 0.149; OKLCH L 55.5% C 0.191 H 8.2°. Best body text is #FFFFFF at 5.26:1 contrast (WCAG AA passes).

Color values

HEX#C82D5D
RGBrgb(200, 45, 93)
HSLhsl(341, 63%, 48%)
HSVhsv(341, 78%, 78%)
CMYKcmyk(0%, 77.5%, 53.5%, 21.6%)
CIE-LABlab(45.57, 62.24, 10.71)
CIE-LCHlch(45.57, 63.15, 9.76°)
OKLaboklab(55.54% 0.1895 0.0274)
OKLCHoklch(55.54% 0.191 8.2)
XYZxyz(26.7361, 14.9503, 11.8317)
Luminance0.1495 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C82D5D #2DC898
analogous
#C82DAA #C82D5D #C84A2D
triadic
#C82D5D #5DC82D #2D5DC8
tetradic
#C82D5D #AAC82D #2DC898 #4A2DC8
square
#C82D5D #AAC82D #2DC898 #4A2DC8
split-complementary
#C82D5D #2DC84A #2DAAC8
monochromatic
#64172F #962246 #C82D5D #DA5981 #E58BA7

Accessibility & contrast

On white

5.26
#C82D5D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.99
#C82D5D on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C82D5D
5.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C82D5D#FFFFFF#000000##FFFFFF
##C82D5D1.005.263.995.26
#FFFFFF5.261.0021.001.00
#0000003.9921.001.0021.00
##FFFFFF5.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#56585E
Deuteranopia (green-blind)
#7E7759
Tritanopia (blue-blind)
#DA0042
Achromatopsia (no color)
#6C6C6C

Design tokens & code

CSS
--color: #c82d5d;
/* rgb */ color: rgb(200, 45, 93);
/* oklch */ color: oklch(55.5% 0.191 8.2);
Tailwind
colors: {
  custom: {
    50: '#df758a',
    500: '#c82d5d',
    950: '#000000',
  },
}
SCSS
$custom: #c82d5d;
$custom-light: #df758a;
$custom-dark: #000000;
JSON
{
  "hex": "#c82d5d",
  "rgb": {
    "r": 200,
    "g": 45,
    "b": 93
  },
  "hsl": {
    "h": 341.419,
    "s": 63.265,
    "l": 48.039
  },
  "oklch": {
    "l": 0.55544,
    "c": 0.19143,
    "h": 8.2
  },
  "luminance": 0.14946
}

Semantic roles & 50–950 ramp

primary
#C82D5D
secondary
#82CFB7
accent
#E6B341
background
#FEF7F8
surface
#FDEEF0
border
#D5C9CB
text
#16090B
muted
#847B7C

Preview Lab

Preview with #C82D5D

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

Preview Lab → · Contrast checker → · Palette generator →

#C82D5D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva