#C9727E#C9727E

#C9727E is a light, moderate red. Relative luminance 0.260; OKLCH L 65.2% C 0.110 H 11.8°. Best body text is #000000 at 6.19:1 contrast (WCAG AA passes).

Color values

HEX#C9727E
RGBrgb(201, 114, 126)
HSLhsl(352, 45%, 62%)
HSVhsv(352, 43%, 79%)
CMYKcmyk(0%, 43.3%, 37.3%, 21.2%)
CIE-LABlab(58.00, 35.52, 8.54)
CIE-LCHlch(58.00, 36.54, 13.52°)
OKLaboklab(65.16% 0.1077 0.0224)
OKLCHoklch(65.16% 0.11 11.8)
XYZxyz(33.8722, 25.9614, 22.9617)
Luminance0.2596 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C9727E #72C9BD
analogous
#C972AA #C9727E #C99272
triadic
#C9727E #7EC972 #727EC9
tetradic
#C9727E #AAC972 #72C9BD #9272C9
square
#C9727E #AAC972 #72C9BD #9272C9
split-complementary
#C9727E #72C992 #72AAC9
monochromatic
#8B3541 #B84656 #C9727E #DA9EA6 #EBCBCF

Accessibility & contrast

On white

3.39
#C9727E on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.19
#C9727E on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C9727E
6.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C9727E#FFFFFF#000000##000000
##C9727E1.003.396.196.19
#FFFFFF3.391.0021.0021.00
#0000006.1921.001.001.00
##0000006.1921.001.001.00

Color blindness preview

Protanopia (red-blind)
#82817E
Deuteranopia (green-blind)
#98927C
Tritanopia (blue-blind)
#D86976
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #c9727e;
/* rgb */ color: rgb(201, 114, 126);
/* oklch */ color: oklch(65.2% 0.110 11.8);
Tailwind
colors: {
  custom: {
    50: '#dc9ca3',
    500: '#c9727e',
    950: '#000000',
  },
}
SCSS
$custom: #c9727e;
$custom-light: #dc9ca3;
$custom-dark: #000000;
JSON
{
  "hex": "#c9727e",
  "rgb": {
    "r": 201,
    "g": 114,
    "b": 126
  },
  "hsl": {
    "h": 351.724,
    "s": 44.615,
    "l": 61.765
  },
  "oklch": {
    "l": 0.65163,
    "c": 0.10999,
    "h": 11.8
  },
  "luminance": 0.25958
}

Semantic roles & 50–950 ramp

primary
#C9727E
secondary
#BBDCD7
accent
#B8A52E
background
#FDF9FA
surface
#FBF2F3
border
#D4CCCD
text
#150E0F
muted
#837E7F

Preview Lab

Preview with #C9727E

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

Preview Lab → · Contrast checker → · Palette generator →

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