#CD9376#CD9376

#CD9376 is a light, moderate orange. Relative luminance 0.352; OKLCH L 71.3% C 0.081 H 47.5°. Best body text is #000000 at 8.03:1 contrast (WCAG AA passes).

Color values

HEX	#CD9376
RGB	rgb(205, 147, 118)
HSL	hsl(20, 47%, 63%)
HSV	hsv(20, 42%, 80%)
CMYK	cmyk(0%, 28.3%, 42.4%, 19.6%)
CIE-LAB	lab(65.87, 18.28, 24.02)
CIE-LCH	lch(65.87, 30.19, 52.73°)
OKLab	oklab(71.26% 0.055 0.0601)
OKLCH	oklch(71.26% 0.081 47.5)
XYZ	xyz(38.8822, 35.1572, 21.8741)
Luminance	0.3515 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CD9376 #76B0CD

analogous

#CD7684 #CD9376 #CDBE76

triadic

#CD9376 #76CD93 #9376CD

tetradic

#CD9376 #84CD76 #76B0CD #BE76CD

square

#CD9376 #84CD76 #76B0CD #BE76CD

split-complementary

#CD9376 #76CDBE #7684CD

monochromatic

#935536 #BD7049 #CD9376 #DDB6A3 #EEDAD0

Accessibility & contrast

On white

2.61

#CD9376 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.03

#CD9376 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CD9376

8.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CD9376	#FFFFFF	#000000	##000000
##CD9376	1.00	2.61	8.03	8.03
#FFFFFF	2.61	1.00	21.00	21.00
#000000	8.03	21.00	1.00	1.00
##000000	8.03	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A29974

Deuteranopia (green-blind)

#B0A576

Tritanopia (blue-blind)

#DB898B

Achromatopsia (no color)

#A0A0A0

Design tokens & code

CSS

--color: #cd9376;
/* rgb */ color: rgb(205, 147, 118);
/* oklch */ color: oklch(71.3% 0.081 47.5);

Tailwind

colors: {
  custom: {
    50: '#deb39d',
    500: '#cd9376',
    950: '#000000',
  },
}

SCSS

$custom: #cd9376;
$custom-light: #deb39d;
$custom-dark: #000000;

JSON

{
  "hex": "#cd9376",
  "rgb": {
    "r": 205,
    "g": 147,
    "b": 118
  },
  "hsl": {
    "h": 20,
    "s": 46.524,
    "l": 63.333
  },
  "oklch": {
    "l": 0.71264,
    "c": 0.0814,
    "h": 47.5
  },
  "luminance": 0.35155
}

Semantic roles & 50–950 ramp

primary

#CD9376

secondary

#C0D5DF

accent

#8ABA2C

background

#FDFBF9

surface

#FBF6F2

border

#D4D0CC

text

#15110E

muted

#83807E

Preview Lab

Preview with #CD9376

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

Preview Lab → · Contrast checker → · Palette generator →