#CD8F79#CD8F79

#CD8F79 is a light, moderate orange. Relative luminance 0.340; OKLCH L 70.6% C 0.082 H 40.3°. Best body text is #000000 at 7.80:1 contrast (WCAG AA passes).

Color values

HEX#CD8F79
RGBrgb(205, 143, 121)
HSLhsl(16, 46%, 64%)
HSVhsv(16, 41%, 80%)
CMYKcmyk(0%, 30.2%, 41%, 19.6%)
CIE-LABlab(64.97, 20.80, 21.14)
CIE-LCHlch(64.97, 29.66, 45.47°)
OKLaboklab(70.58% 0.0627 0.0533)
OKLCHoklch(70.58% 0.082 40.3)
XYZxyz(38.4521, 34.0072, 22.6242)
Luminance0.3401 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CD8F79 #79B7CD
analogous
#CD798D #CD8F79 #CDB979
triadic
#CD8F79 #79CD8F #8F79CD
tetradic
#CD8F79 #8DCD79 #79B7CD #B979CD
square
#CD8F79 #8DCD79 #79B7CD #B979CD
split-complementary
#CD8F79 #79CDB9 #798DCD
monochromatic
#945037 #BC6A4C #CD8F79 #DEB4A6 #EEDAD2

Accessibility & contrast

On white

2.69
#CD8F79 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.80
#CD8F79 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CD8F79
7.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CD8F79#FFFFFF#000000##000000
##CD8F791.002.697.807.80
#FFFFFF2.691.0021.0021.00
#0000007.8021.001.001.00
##0000007.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#9E9677
Deuteranopia (green-blind)
#ADA379
Tritanopia (blue-blind)
#DB8589
Achromatopsia (no color)
#9E9E9E

Design tokens & code

CSS
--color: #cd8f79;
/* rgb */ color: rgb(205, 143, 121);
/* oklch */ color: oklch(70.6% 0.082 40.3);
Tailwind
colors: {
  custom: {
    50: '#deb09f',
    500: '#cd8f79',
    950: '#000000',
  },
}
SCSS
$custom: #cd8f79;
$custom-light: #deb09f;
$custom-dark: #000000;
JSON
{
  "hex": "#cd8f79",
  "rgb": {
    "r": 205,
    "g": 143,
    "b": 121
  },
  "hsl": {
    "h": 15.714,
    "s": 45.652,
    "l": 63.922
  },
  "oklch": {
    "l": 0.70583,
    "c": 0.08228,
    "h": 40.3
  },
  "luminance": 0.34005
}

Semantic roles & 50–950 ramp

primary
#CD8F79
secondary
#C2D8E0
accent
#94B92D
background
#FDFAF9
surface
#FBF4F2
border
#D4CECC
text
#15100E
muted
#837F7E

Preview Lab

Preview with #CD8F79

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

Preview Lab → · Contrast checker → · Palette generator →

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