#CDB4BF#CDB4BF

#CDB4BF is a light, muted pink. Relative luminance 0.494; OKLCH L 79.5% C 0.032 H 349.4°. Best body text is #000000 at 10.88:1 contrast (WCAG AA passes).

Color values

HEX#CDB4BF
RGBrgb(205, 180, 191)
HSLhsl(334, 20%, 75%)
HSVhsv(334, 12%, 80%)
CMYKcmyk(0%, 12.2%, 6.8%, 19.6%)
CIE-LABlab(75.69, 10.82, -2.28)
CIE-LCHlch(75.69, 11.06, 348.11°)
OKLaboklab(79.45% 0.0317 -0.0059)
OKLCHoklch(79.45% 0.032 349.4)
XYZxyz(50.9012, 49.3842, 56.1308)
Luminance0.4938 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CDB4BF #B4CDC2
analogous
#CDB4CB #CDB4BF #CDB5B4
triadic
#CDB4BF #BFCDB4 #B4BFCD
tetradic
#CDB4BF #CBCDB4 #B4CDC2 #B5B4CD
square
#CDB4BF #CBCDB4 #B4CDC2 #B5B4CD
split-complementary
#CDB4BF #B4CDB5 #B4CBCD
monochromatic
#9C6B80 #B58FA0 #CDB4BF #E5D9DE #F3EDEF

Accessibility & contrast

On white

1.93
#CDB4BF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.88
#CDB4BF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CDB4BF
10.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CDB4BF#FFFFFF#000000##000000
##CDB4BF1.001.9310.8810.88
#FFFFFF1.931.0021.0021.00
#00000010.8821.001.001.00
##00000010.8821.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6B8BF
Deuteranopia (green-blind)
#BBBCBE
Tritanopia (blue-blind)
#D1B4B8
Achromatopsia (no color)
#BABABA

Design tokens & code

CSS
--color: #cdb4bf;
/* rgb */ color: rgb(205, 180, 191);
/* oklch */ color: oklch(79.5% 0.032 349.4);
Tailwind
colors: {
  custom: {
    50: '#dccad2',
    500: '#cdb4bf',
    950: '#000000',
  },
}
SCSS
$custom: #cdb4bf;
$custom-light: #dccad2;
$custom-dark: #000000;
JSON
{
  "hex": "#cdb4bf",
  "rgb": {
    "r": 205,
    "g": 180,
    "b": 191
  },
  "hsl": {
    "h": 333.6,
    "s": 20,
    "l": 75.49
  },
  "oklch": {
    "l": 0.79454,
    "c": 0.03221,
    "h": 349.4
  },
  "luminance": 0.49383
}

Semantic roles & 50–950 ramp

primary
#CDB4BF
secondary
#E2E9E6
accent
#9E7847
background
#FDFCFC
surface
#FBF8F9
border
#D4D1D2
text
#151314
muted
#838282

Preview Lab

Preview with #CDB4BF

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

Preview Lab → · Contrast checker → · Palette generator →

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