#CB9D67#CB9D67

#CB9D67 is a light, moderate orange. Relative luminance 0.378; OKLCH L 72.7% C 0.089 H 70.1°. Best body text is #000000 at 8.56:1 contrast (WCAG AA passes).

Color values

HEX#CB9D67
RGBrgb(203, 157, 103)
HSLhsl(32, 49%, 60%)
HSVhsv(32, 49%, 80%)
CMYKcmyk(0%, 22.7%, 49.3%, 20.4%)
CIE-LABlab(67.87, 10.48, 34.71)
CIE-LCHlch(67.87, 36.25, 73.20°)
OKLaboklab(72.69% 0.0304 0.0842)
OKLCHoklch(72.69% 0.089 70.1)
XYZxyz(39.1355, 37.7921, 18.0626)
Luminance0.3779 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CB9D67 #6795CB
analogous
#CB6B67 #CB9D67 #C7CB67
triadic
#CB9D67 #67CB9D #9D67CB
tetradic
#CB9D67 #67CB6B #6795CB #CB67C7
square
#CB9D67 #67CB6B #6795CB #CB67C7
split-complementary
#CB9D67 #67C7CB #6B67CB
monochromatic
#895F2F #B67F3E #CB9D67 #DBBA95 #EAD8C2

Accessibility & contrast

On white

2.45
#CB9D67 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.56
#CB9D67 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CB9D67
8.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CB9D67#FFFFFF#000000##000000
##CB9D671.002.458.568.56
#FFFFFF2.451.0021.0021.00
#0000008.5621.001.001.00
##0000008.5621.001.001.00

Color blindness preview

Protanopia (red-blind)
#AD9F63
Deuteranopia (green-blind)
#B8AA68
Tritanopia (blue-blind)
#DA9290
Achromatopsia (no color)
#A5A5A5

Design tokens & code

CSS
--color: #cb9d67;
/* rgb */ color: rgb(203, 157, 103);
/* oklch */ color: oklch(72.7% 0.089 70.1);
Tailwind
colors: {
  custom: {
    50: '#ddb993',
    500: '#cb9d67',
    950: '#000000',
  },
}
SCSS
$custom: #cb9d67;
$custom-light: #ddb993;
$custom-dark: #000000;
JSON
{
  "hex": "#cb9d67",
  "rgb": {
    "r": 203,
    "g": 157,
    "b": 103
  },
  "hsl": {
    "h": 32.4,
    "s": 49.02,
    "l": 60
  },
  "oklch": {
    "l": 0.72689,
    "c": 0.08948,
    "h": 70.1
  },
  "luminance": 0.3779
}

Semantic roles & 50–950 ramp

primary
#CB9D67
secondary
#B4C5DA
accent
#8ED94F
background
#FDFBF9
surface
#FBF6F1
border
#D4D0CB
text
#15110D
muted
#83807E

Preview Lab

Preview with #CB9D67

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

Preview Lab → · Contrast checker → · Palette generator →

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