#CFADB5#CFADB5

#CFADB5 is a light, muted red. Relative luminance 0.465; OKLCH L 78.0% C 0.041 H 2.3°. Best body text is #000000 at 10.30:1 contrast (WCAG AA passes).

Color values

HEX#CFADB5
RGBrgb(207, 173, 181)
HSLhsl(346, 26%, 75%)
HSVhsv(346, 16%, 81%)
CMYKcmyk(0%, 16.4%, 12.6%, 18.8%)
CIE-LABlab(73.86, 13.62, 0.53)
CIE-LCHlch(73.86, 13.63, 2.24°)
OKLaboklab(77.99% 0.0408 0.0016)
OKLCHoklch(77.99% 0.041 2.3)
XYZxyz(49.0158, 46.4901, 50.0986)
Luminance0.4649 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CFADB5 #ADCFC7
analogous
#CFADC6 #CFADB5 #CFB6AD
triadic
#CFADB5 #B5CFAD #ADB5CF
tetradic
#CFADB5 #C6CFAD #ADCFC7 #B6ADCF
square
#CFADB5 #C6CFAD #ADCFC7 #B6ADCF
split-complementary
#CFADB5 #ADCFB6 #ADC6CF
monochromatic
#A2606F #B88692 #CFADB5 #E6D4D8 #F4ECEE

Accessibility & contrast

On white

2.04
#CFADB5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.30
#CFADB5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFADB5
10.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CFADB5#FFFFFF#000000##000000
##CFADB51.002.0410.3010.30
#FFFFFF2.041.0021.0021.00
#00000010.3021.001.001.00
##00000010.3021.001.001.00

Color blindness preview

Protanopia (red-blind)
#B1B2B5
Deuteranopia (green-blind)
#B9B8B4
Tritanopia (blue-blind)
#D5ABB0
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #cfadb5;
/* rgb */ color: rgb(207, 173, 181);
/* oklch */ color: oklch(78.0% 0.041 2.3);
Tailwind
colors: {
  custom: {
    50: '#dec5cb',
    500: '#cfadb5',
    950: '#000000',
  },
}
SCSS
$custom: #cfadb5;
$custom-light: #dec5cb;
$custom-dark: #000000;
JSON
{
  "hex": "#cfadb5",
  "rgb": {
    "r": 207,
    "g": 173,
    "b": 181
  },
  "hsl": {
    "h": 345.882,
    "s": 26.154,
    "l": 74.51
  },
  "oklch": {
    "l": 0.77986,
    "c": 0.04086,
    "h": 2.3
  },
  "luminance": 0.46489
}

Semantic roles & 50–950 ramp

primary
#CFADB5
secondary
#E1EAE8
accent
#A58D41
background
#FDFCFC
surface
#FBF8F8
border
#D4D1D1
text
#151313
muted
#838282

Preview Lab

Preview with #CFADB5

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

Preview Lab → · Contrast checker → · Palette generator →

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