#C93660#C93660

#C93660 is a mid, vivid pink. Relative luminance 0.159; OKLCH L 56.5% C 0.184 H 8.5°. Best body text is #FFFFFF at 5.02:1 contrast (WCAG AA passes).

Color values

HEX#C93660
RGBrgb(201, 54, 96)
HSLhsl(343, 58%, 50%)
HSVhsv(343, 73%, 79%)
CMYKcmyk(0%, 73.1%, 52.2%, 21.2%)
CIE-LABlab(46.85, 59.88, 10.68)
CIE-LCHlch(46.85, 60.83, 10.11°)
OKLaboklab(56.55% 0.1821 0.0274)
OKLCHoklch(56.55% 0.184 8.5)
XYZxyz(27.5204, 15.9042, 12.6847)
Luminance0.1590 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C93660 #36C99F
analogous
#C936AA #C93660 #C95536
triadic
#C93660 #60C936 #3660C9
tetradic
#C93660 #AAC936 #36C99F #5536C9
square
#C93660 #AAC936 #36C99F #5536C9
split-complementary
#C93660 #36C955 #36AAC9
monochromatic
#691C32 #992949 #C93660 #D66686 #E396AC

Accessibility & contrast

On white

5.02
#C93660 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.18
#C93660 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C93660
5.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C93660#FFFFFF#000000##FFFFFF
##C936601.005.024.185.02
#FFFFFF5.021.0021.001.00
#0000004.1821.001.0021.00
##FFFFFF5.021.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5B5C61
Deuteranopia (green-blind)
#817A5C
Tritanopia (blue-blind)
#DB1147
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #c93660;
/* rgb */ color: rgb(201, 54, 96);
/* oklch */ color: oklch(56.5% 0.184 8.5);
Tailwind
colors: {
  custom: {
    50: '#e0798c',
    500: '#c93660',
    950: '#000000',
  },
}
SCSS
$custom: #c93660;
$custom-light: #e0798c;
$custom-dark: #000000;
JSON
{
  "hex": "#c93660",
  "rgb": {
    "r": 201,
    "g": 54,
    "b": 96
  },
  "hsl": {
    "h": 342.857,
    "s": 57.647,
    "l": 50
  },
  "oklch": {
    "l": 0.56548,
    "c": 0.18419,
    "h": 8.5
  },
  "luminance": 0.159
}

Semantic roles & 50–950 ramp

primary
#C93660
secondary
#8CCEBC
accent
#E1B547
background
#FEF7F8
surface
#FDEEF0
border
#D5C9CB
text
#160A0C
muted
#847C7D

Preview Lab

Preview with #C93660

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

Preview Lab → · Contrast checker → · Palette generator →

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