#CD9D67#CD9D67

#CD9D67 is a light, moderate orange. Relative luminance 0.381; OKLCH L 72.9% C 0.091 H 68.9°. Best body text is #000000 at 8.61:1 contrast (WCAG AA passes).

Color values

HEX#CD9D67
RGBrgb(205, 157, 103)
HSLhsl(32, 50%, 60%)
HSVhsv(32, 50%, 80%)
CMYKcmyk(0%, 23.4%, 49.8%, 19.6%)
CIE-LABlab(68.08, 11.31, 35.01)
CIE-LCHlch(68.08, 36.79, 72.10°)
OKLaboklab(72.9% 0.0328 0.0848)
OKLCHoklch(72.9% 0.091 68.9)
XYZxyz(39.6838, 38.0749, 18.0883)
Luminance0.3807 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CD9D67 #6797CD
analogous
#CD6A67 #CD9D67 #CACD67
triadic
#CD9D67 #67CD9D #9D67CD
tetradic
#CD9D67 #67CD6A #6797CD #CD67CA
square
#CD9D67 #67CD6A #6797CD #CD67CA
split-complementary
#CD9D67 #67CACD #6A67CD
monochromatic
#8C602E #BA7F3D #CD9D67 #DCBB95 #EBD8C3

Accessibility & contrast

On white

2.44
#CD9D67 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.61
#CD9D67 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CD9D67
8.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CD9D67#FFFFFF#000000##000000
##CD9D671.002.448.618.61
#FFFFFF2.441.0021.0021.00
#0000008.6121.001.001.00
##0000008.6121.001.001.00

Color blindness preview

Protanopia (red-blind)
#AD9F63
Deuteranopia (green-blind)
#B9AA68
Tritanopia (blue-blind)
#DC9290
Achromatopsia (no color)
#A6A6A6

Design tokens & code

CSS
--color: #cd9d67;
/* rgb */ color: rgb(205, 157, 103);
/* oklch */ color: oklch(72.9% 0.091 68.9);
Tailwind
colors: {
  custom: {
    50: '#dfb993',
    500: '#cd9d67',
    950: '#000000',
  },
}
SCSS
$custom: #cd9d67;
$custom-light: #dfb993;
$custom-dark: #000000;
JSON
{
  "hex": "#cd9d67",
  "rgb": {
    "r": 205,
    "g": 157,
    "b": 103
  },
  "hsl": {
    "h": 31.765,
    "s": 50.495,
    "l": 60.392
  },
  "oklch": {
    "l": 0.729,
    "c": 0.09093,
    "h": 68.9
  },
  "luminance": 0.38072
}

Semantic roles & 50–950 ramp

primary
#CD9D67
secondary
#B4C7DB
accent
#6EBE28
background
#FDFBF9
surface
#FBF6F1
border
#D4D0CB
text
#15110D
muted
#83807E

Preview Lab

Preview with #CD9D67

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

Preview Lab → · Contrast checker → · Palette generator →

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