#CD7F96#CD7F96

#CD7F96 is a light, moderate pink. Relative luminance 0.304; OKLCH L 68.5% C 0.100 H 1.0°. Best body text is #000000 at 7.07:1 contrast (WCAG AA passes).

Color values

HEX#CD7F96
RGBrgb(205, 127, 150)
HSLhsl(342, 44%, 65%)
HSVhsv(342, 38%, 80%)
CMYKcmyk(0%, 38%, 26.8%, 19.6%)
CIE-LABlab(61.97, 33.16, 0.50)
CIE-LCHlch(61.97, 33.16, 0.86°)
OKLaboklab(68.5% 0.1002 0.0018)
OKLCHoklch(68.5% 0.1 1)
XYZxyz(38.2723, 30.3626, 32.6930)
Luminance0.3036 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CD7F96 #7FCDB6
analogous
#CD7FBD #CD7F96 #CD8F7F
triadic
#CD7F96 #96CD7F #7F96CD
tetradic
#CD7F96 #BDCD7F #7FCDB6 #8F7FCD
square
#CD7F96 #BDCD7F #7FCDB6 #8F7FCD
split-complementary
#CD7F96 #7FCD8F #7FBDCD
monochromatic
#973B56 #BC5372 #CD7F96 #DEABBA #EFD7DE

Accessibility & contrast

On white

2.97
#CD7F96 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.07
#CD7F96 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CD7F96
7.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CD7F96#FFFFFF#000000##000000
##CD7F961.002.977.077.07
#FFFFFF2.971.0021.0021.00
#0000007.0721.001.001.00
##0000007.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#8A8D97
Deuteranopia (green-blind)
#9D9B94
Tritanopia (blue-blind)
#D97A87
Achromatopsia (no color)
#969696

Design tokens & code

CSS
--color: #cd7f96;
/* rgb */ color: rgb(205, 127, 150);
/* oklch */ color: oklch(68.5% 0.100 1.0);
Tailwind
colors: {
  custom: {
    50: '#dea5b4',
    500: '#cd7f96',
    950: '#000000',
  },
}
SCSS
$custom: #cd7f96;
$custom-light: #dea5b4;
$custom-dark: #000000;
JSON
{
  "hex": "#cd7f96",
  "rgb": {
    "r": 205,
    "g": 127,
    "b": 150
  },
  "hsl": {
    "h": 342.308,
    "s": 43.82,
    "l": 65.098
  },
  "oklch": {
    "l": 0.68498,
    "c": 0.10019,
    "h": 1
  },
  "luminance": 0.3036
}

Semantic roles & 50–950 ramp

primary
#CD7F96
secondary
#C7E1D9
accent
#B78F2F
background
#FDFAFB
surface
#FBF4F6
border
#D4CED0
text
#150F11
muted
#837F80

Preview Lab

Preview with #CD7F96

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

Preview Lab → · Contrast checker → · Palette generator →

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