#CFADB3#CFADB3

#CFADB3 is a light, muted red. Relative luminance 0.464; OKLCH L 77.9% C 0.040 H 6.1°. Best body text is #000000 at 10.28:1 contrast (WCAG AA passes).

Color values

HEX#CFADB3
RGBrgb(207, 173, 179)
HSLhsl(349, 26%, 75%)
HSVhsv(349, 16%, 81%)
CMYKcmyk(0%, 16.4%, 13.5%, 18.8%)
CIE-LABlab(73.81, 13.29, 1.55)
CIE-LCHlch(73.81, 13.38, 6.66°)
OKLaboklab(77.93% 0.0401 0.0043)
OKLCHoklch(77.93% 0.04 6.1)
XYZxyz(48.8121, 46.4086, 49.0256)
Luminance0.4641 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CFADB3 #ADCFC9
analogous
#CFADC4 #CFADB3 #CFB8AD
triadic
#CFADB3 #B3CFAD #ADB3CF
tetradic
#CFADB3 #C4CFAD #ADCFC9 #B8ADCF
square
#CFADB3 #C4CFAD #ADCFC9 #B8ADCF
split-complementary
#CFADB3 #ADCFB8 #ADC4CF
monochromatic
#A2606B #B8868F #CFADB3 #E6D4D7 #F4ECED

Accessibility & contrast

On white

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

On black

10.28
#CFADB3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFADB3
10.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CFADB3#FFFFFF#000000##000000
##CFADB31.002.0410.2810.28
#FFFFFF2.041.0021.0021.00
#00000010.2821.001.001.00
##00000010.2821.001.001.00

Color blindness preview

Protanopia (red-blind)
#B2B2B3
Deuteranopia (green-blind)
#B9B8B2
Tritanopia (blue-blind)
#D6ABAF
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #cfadb3;
/* rgb */ color: rgb(207, 173, 179);
/* oklch */ color: oklch(77.9% 0.040 6.1);
Tailwind
colors: {
  custom: {
    50: '#dec5c9',
    500: '#cfadb3',
    950: '#000000',
  },
}
SCSS
$custom: #cfadb3;
$custom-light: #dec5c9;
$custom-dark: #000000;
JSON
{
  "hex": "#cfadb3",
  "rgb": {
    "r": 207,
    "g": 173,
    "b": 179
  },
  "hsl": {
    "h": 349.412,
    "s": 26.154,
    "l": 74.51
  },
  "oklch": {
    "l": 0.77928,
    "c": 0.0403,
    "h": 6.1
  },
  "luminance": 0.46407
}

Semantic roles & 50–950 ramp

primary
#CFADB3
secondary
#E1EAE9
accent
#A59341
background
#FDFCFC
surface
#FBF8F8
border
#D4D1D1
text
#151313
muted
#838282

Preview Lab

Preview with #CFADB3

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

Preview Lab → · Contrast checker → · Palette generator →

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