#CA21B1#CA21B1

#CA21B1 is a mid, highly saturated purple. Relative luminance 0.168; OKLCH L 58.4% C 0.241 H 335.6°. Best body text is #FFFFFF at 4.81:1 contrast (WCAG AA passes).

Color values

HEX#CA21B1
RGBrgb(202, 33, 177)
HSLhsl(309, 72%, 46%)
HSVhsv(309, 84%, 79%)
CMYKcmyk(0%, 83.7%, 12.4%, 20.8%)
CIE-LABlab(48.03, 74.83, -36.45)
CIE-LCHlch(48.03, 83.24, 334.03°)
OKLaboklab(58.43% 0.2194 -0.0997)
OKLCHoklch(58.43% 0.241 335.6)
XYZxyz(32.8373, 16.8217, 43.1040)
Luminance0.1682 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CA21B1 #21CA3A
analogous
#8E21CA #CA21B1 #CA215C
triadic
#CA21B1 #B1CA21 #21B1CA
tetradic
#CA21B1 #CA8E21 #21CA3A #215CCA
square
#CA21B1 #CA8E21 #21CA3A #215CCA
split-complementary
#CA21B1 #5CCA21 #21CA8E
monochromatic
#611055 #951883 #CA21B1 #E147CA #EA7CD9

Accessibility & contrast

On white

4.81
#CA21B1 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.36
#CA21B1 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #CA21B1
4.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CA21B1#FFFFFF#000000##FFFFFF
##CA21B11.004.814.364.81
#FFFFFF4.811.0021.001.00
#0000004.3621.001.0021.00
##FFFFFF4.811.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2262B5
Deuteranopia (green-blind)
#657BAD
Tritanopia (blue-blind)
#D4336B
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #ca21b1;
/* rgb */ color: rgb(202, 33, 177);
/* oklch */ color: oklch(58.4% 0.241 335.6);
Tailwind
colors: {
  custom: {
    50: '#df74c9',
    500: '#ca21b1',
    950: '#000000',
  },
}
SCSS
$custom: #ca21b1;
$custom-light: #df74c9;
$custom-dark: #000000;
JSON
{
  "hex": "#ca21b1",
  "rgb": {
    "r": 202,
    "g": 33,
    "b": 177
  },
  "hsl": {
    "h": 308.876,
    "s": 71.915,
    "l": 46.078
  },
  "oklch": {
    "l": 0.58425,
    "c": 0.24103,
    "h": 335.6
  },
  "luminance": 0.16819
}

Semantic roles & 50–950 ramp

primary
#CA21B1
secondary
#75D283
accent
#EF5439
background
#FEF7FC
surface
#FCEEF8
border
#D5C9D1
text
#160A13
muted
#847C82

Preview Lab

Preview with #CA21B1

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

Preview Lab → · Contrast checker → · Palette generator →

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