#C02ABC#C02ABC

#C02ABC is a mid, highly saturated purple. Relative luminance 0.165; OKLCH L 58.0% C 0.237 H 329.3°. Best body text is #FFFFFF at 4.89:1 contrast (WCAG AA passes).

Color values

HEX#C02ABC
RGBrgb(192, 42, 188)
HSLhsl(302, 64%, 46%)
HSVhsv(302, 78%, 75%)
CMYKcmyk(0%, 78.1%, 2.1%, 24.7%)
CIE-LABlab(47.62, 72.32, -43.67)
CIE-LCHlch(47.62, 84.48, 328.88°)
OKLaboklab(57.99% 0.2038 -0.1209)
OKLCHoklch(57.99% 0.237 329.3)
XYZxyz(31.6431, 16.4957, 49.0846)
Luminance0.1649 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C02ABC #2AC02E
analogous
#792AC0 #C02ABC #C02A71
triadic
#C02ABC #BCC02A #2ABCC0
tetradic
#C02ABC #C0792A #2AC02E #2A71C0
square
#C02ABC #C0792A #2AC02E #2A71C0
split-complementary
#C02ABC #71C02A #2AC079
monochromatic
#5C145A #8E1F8B #C02ABC #D84FD5 #E381E1

Accessibility & contrast

On white

4.89
#C02ABC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.30
#C02ABC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C02ABC
4.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C02ABC#FFFFFF#000000##FFFFFF
##C02ABC1.004.894.304.89
#FFFFFF4.891.0021.001.00
#0000004.3021.001.0021.00
##FFFFFF4.891.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0564C0
Deuteranopia (green-blind)
#5978B8
Tritanopia (blue-blind)
#C74273
Achromatopsia (no color)
#717171

Design tokens & code

CSS
--color: #c02abc;
/* rgb */ color: rgb(192, 42, 188);
/* oklch */ color: oklch(58.0% 0.237 329.3);
Tailwind
colors: {
  custom: {
    50: '#d776d1',
    500: '#c02abc',
    950: '#000000',
  },
}
SCSS
$custom: #c02abc;
$custom-light: #d776d1;
$custom-dark: #000000;
JSON
{
  "hex": "#c02abc",
  "rgb": {
    "r": 192,
    "g": 42,
    "b": 188
  },
  "hsl": {
    "h": 301.6,
    "s": 64.103,
    "l": 45.882
  },
  "oklch": {
    "l": 0.57994,
    "c": 0.23692,
    "h": 329.3
  },
  "luminance": 0.16493
}

Semantic roles & 50–950 ramp

primary
#C02ABC
secondary
#7ACC7C
accent
#E74541
background
#FDF7FC
surface
#FBEEF9
border
#D4C9D2
text
#150A14
muted
#837C82

Preview Lab

Preview with #C02ABC

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

Preview Lab → · Contrast checker → · Palette generator →

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