#C03F80#C03F80

#C03F80 is a mid, vivid pink. Relative luminance 0.163; OKLCH L 57.0% C 0.176 H 353.1°. Best body text is #FFFFFF at 4.92:1 contrast (WCAG AA passes).

Color values

HEX#C03F80
RGBrgb(192, 63, 128)
HSLhsl(330, 51%, 50%)
HSVhsv(330, 67%, 75%)
CMYKcmyk(0%, 67.2%, 33.3%, 24.7%)
CIE-LABlab(47.40, 57.10, -8.28)
CIE-LCHlch(47.40, 57.69, 351.75°)
OKLaboklab(56.96% 0.1744 -0.0212)
OKLCHoklch(56.96% 0.176 353.1)
XYZxyz(27.4135, 16.3231, 22.1249)
Luminance0.1632 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C03F80 #3FC07F
analogous
#BF3FC0 #C03F80 #C03F40
triadic
#C03F80 #80C03F #3F80C0
tetradic
#C03F80 #C0BF3F #3FC07F #3F40C0
square
#C03F80 #C0BF3F #3FC07F #3F40C0
split-complementary
#C03F80 #40C03F #3FC0BF
monochromatic
#642143 #923061 #C03F80 #CF6D9E #DE9BBD

Accessibility & contrast

On white

4.92
#C03F80 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.26
#C03F80 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C03F80
4.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C03F80#FFFFFF#000000##FFFFFF
##C03F801.004.924.264.92
#FFFFFF4.921.0021.001.00
#0000004.2621.001.0021.00
##FFFFFF4.921.0021.001.00

Color blindness preview

Protanopia (red-blind)
#546282
Deuteranopia (green-blind)
#78797D
Tritanopia (blue-blind)
#CE365A
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #c03f80;
/* rgb */ color: rgb(192, 63, 128);
/* oklch */ color: oklch(57.0% 0.176 353.1);
Tailwind
colors: {
  custom: {
    50: '#d77da4',
    500: '#c03f80',
    950: '#000000',
  },
}
SCSS
$custom: #c03f80;
$custom-light: #d77da4;
$custom-dark: #000000;
JSON
{
  "hex": "#c03f80",
  "rgb": {
    "r": 192,
    "g": 63,
    "b": 128
  },
  "hsl": {
    "h": 329.767,
    "s": 50.588,
    "l": 50
  },
  "oklch": {
    "l": 0.56962,
    "c": 0.1757,
    "h": 353.1
  },
  "luminance": 0.1632
}

Semantic roles & 50–950 ramp

primary
#C03F80
secondary
#91CAAD
accent
#DA934E
background
#FDF8FA
surface
#FBEFF4
border
#D4CACE
text
#150A0F
muted
#837C7F

Preview Lab

Preview with #C03F80

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

Preview Lab → · Contrast checker → · Palette generator →

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