#CFBB85#CFBB85

#CFBB85 is a light, moderate orange. Relative luminance 0.505; OKLCH L 79.6% C 0.075 H 90.1°. Best body text is #000000 at 11.10:1 contrast (WCAG AA passes).

Color values

HEX	#CFBB85
RGB	rgb(207, 187, 133)
HSL	hsl(44, 44%, 67%)
HSV	hsv(44, 36%, 81%)
CMYK	cmyk(0%, 9.7%, 35.7%, 18.8%)
CIE-LAB	lab(76.38, -0.73, 29.97)
CIE-LCH	lch(76.38, 29.98, 91.39°)
OKLab	oklab(79.62% -0.0001 0.0745)
OKLCH	oklch(79.62% 0.075 90.1)
XYZ	xyz(47.7370, 50.5011, 29.4188)
Luminance	0.5050 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CFBB85 #8599CF

analogous

#CF9685 #CFBB85 #BECF85

triadic

#CFBB85 #85CFBB #BB85CF

tetradic

#CFBB85 #85CF96 #8599CF #CF85BE

square

#CFBB85 #85CF96 #8599CF #CF85BE

split-complementary

#CFBB85 #85BECF #9685CF

monochromatic

#9C833D #BEA359 #CFBB85 #E0D3B1 #F2ECDD

Accessibility & contrast

On white

1.89

#CFBB85 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.10

#CFBB85 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFBB85

11.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CFBB85	#FFFFFF	#000000	##000000
##CFBB85	1.00	1.89	11.10	11.10
#FFFFFF	1.89	1.00	21.00	21.00
#000000	11.10	21.00	1.00	1.00
##000000	11.10	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C7B981

Deuteranopia (green-blind)

#CCBF87

Tritanopia (blue-blind)

#DAB3AD

Achromatopsia (no color)

#BCBCBC

Design tokens & code

CSS

--color: #cfbb85;
/* rgb */ color: rgb(207, 187, 133);
/* oklch */ color: oklch(79.6% 0.075 90.1);

Tailwind

colors: {
  custom: {
    50: '#dfcfa9',
    500: '#cfbb85',
    950: '#000000',
  },
}

SCSS

$custom: #cfbb85;
$custom-light: #dfcfa9;
$custom-dark: #000000;

JSON

{
  "hex": "#cfbb85",
  "rgb": {
    "r": 207,
    "g": 187,
    "b": 133
  },
  "hsl": {
    "h": 43.784,
    "s": 43.529,
    "l": 66.667
  },
  "oklch": {
    "l": 0.79615,
    "c": 0.07453,
    "h": 90.1
  },
  "luminance": 0.505
}

Semantic roles & 50–950 ramp

primary

#CFBB85

secondary

#566BA2

accent

#54B72F

background

#FEFEFC

surface

#FCFBF6

border

#D5D4D0

text

#151310

muted

#848380

Preview Lab

Preview with #CFBB85

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

Preview Lab → · Contrast checker → · Palette generator →