#C21D9F#C21D9F

#C21D9F is a mid, highly saturated pink. Relative luminance 0.149; OKLCH L 56.0% C 0.229 H 339.2°. Best body text is #FFFFFF at 5.29:1 contrast (WCAG AA passes).

Color values

HEX#C21D9F
RGBrgb(194, 29, 159)
HSLhsl(313, 74%, 44%)
HSVhsv(313, 85%, 76%)
CMYKcmyk(0%, 85.1%, 18%, 23.9%)
CIE-LABlab(45.43, 71.60, -29.95)
CIE-LCHlch(45.43, 77.61, 337.30°)
OKLaboklab(56.02% 0.2136 -0.0812)
OKLCHoklch(56.02% 0.229 339.2)
XYZxyz(28.9464, 14.8543, 34.1369)
Luminance0.1485 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C21D9F #1DC240
analogous
#921DC2 #C21D9F #C21D4C
triadic
#C21D9F #9FC21D #1D9FC2
tetradic
#C21D9F #C2921D #1DC240 #1D4CC2
square
#C21D9F #C2921D #1DC240 #1D4CC2
split-complementary
#C21D9F #4CC21D #1DC292
monochromatic
#580D48 #8D1573 #C21D9F #E23BBE #EA70D0

Accessibility & contrast

On white

5.29
#C21D9F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.97
#C21D9F on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C21D9F
5.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C21D9F#FFFFFF#000000##FFFFFF
##C21D9F1.005.293.975.29
#FFFFFF5.291.0021.001.00
#0000003.9721.001.0021.00
##FFFFFF5.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2B5CA2
Deuteranopia (green-blind)
#65749B
Tritanopia (blue-blind)
#CE2760
Achromatopsia (no color)
#6C6C6C

Design tokens & code

CSS
--color: #c21d9f;
/* rgb */ color: rgb(194, 29, 159);
/* oklch */ color: oklch(56.0% 0.229 339.2);
Tailwind
colors: {
  custom: {
    50: '#d971bb',
    500: '#c21d9f',
    950: '#000000',
  },
}
SCSS
$custom: #c21d9f;
$custom-light: #d971bb;
$custom-dark: #000000;
JSON
{
  "hex": "#c21d9f",
  "rgb": {
    "r": 194,
    "g": 29,
    "b": 159
  },
  "hsl": {
    "h": 312.727,
    "s": 73.991,
    "l": 43.725
  },
  "oklch": {
    "l": 0.56015,
    "c": 0.22851,
    "h": 339.2
  },
  "luminance": 0.14851
}

Semantic roles & 50–950 ramp

primary
#C21D9F
secondary
#6BD080
accent
#F15F37
background
#FDF7FB
surface
#FBEDF6
border
#D4C8D0
text
#150912
muted
#837B81

Preview Lab

Preview with #C21D9F

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

Preview Lab → · Contrast checker → · Palette generator →

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