#CBBAAC#CBBAAC

#CBBAAC is a light, muted orange. Relative luminance 0.508; OKLCH L 79.9% C 0.027 H 61.9°. Best body text is #000000 at 11.16:1 contrast (WCAG AA passes).

Color values

HEX	#CBBAAC
RGB	rgb(203, 186, 172)
HSL	hsl(27, 23%, 74%)
HSV	hsv(27, 15%, 80%)
CMYK	cmyk(0%, 8.4%, 15.3%, 20.4%)
CIE-LAB	lab(76.55, 3.70, 9.28)
CIE-LCH	lch(76.55, 9.99, 68.26°)
OKLab	oklab(79.93% 0.0129 0.0242)
OKLCH	oklch(79.93% 0.027 61.9)
XYZ	xyz(49.6335, 50.7939, 46.2113)
Luminance	0.5079 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CBBAAC #ACBDCB

analogous

#CBACAD #CBBAAC #CBC9AC

triadic

#CBBAAC #ACCBBA #BAACCB

tetradic

#CBBAAC #ADCBAC #ACBDCB #C9ACCB

square

#CBBAAC #ADCBAC #ACBDCB #C9ACCB

split-complementary

#CBBAAC #ACCBC9 #ACADCB

monochromatic

#9B7B61 #B39B86 #CBBAAC #E3D9D2 #F3EFEC

Accessibility & contrast

On white

1.88

#CBBAAC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.16

#CBBAAC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CBBAAC

11.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CBBAAC	#FFFFFF	#000000	##000000
##CBBAAC	1.00	1.88	11.16	11.16
#FFFFFF	1.88	1.00	21.00	21.00
#000000	11.16	21.00	1.00	1.00
##000000	11.16	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BFBBAB

Deuteranopia (green-blind)

#C3BEAC

Tritanopia (blue-blind)

#D1B7B6

Achromatopsia (no color)

#BDBDBD

Design tokens & code

CSS

--color: #cbbaac;
/* rgb */ color: rgb(203, 186, 172);
/* oklch */ color: oklch(79.9% 0.027 61.9);

Tailwind

colors: {
  custom: {
    50: '#dbcec4',
    500: '#cbbaac',
    950: '#000000',
  },
}

SCSS

$custom: #cbbaac;
$custom-light: #dbcec4;
$custom-dark: #000000;

JSON

{
  "hex": "#cbbaac",
  "rgb": {
    "r": 203,
    "g": 186,
    "b": 172
  },
  "hsl": {
    "h": 27.097,
    "s": 22.963,
    "l": 73.529
  },
  "oklch": {
    "l": 0.7993,
    "c": 0.02746,
    "h": 61.9
  },
  "luminance": 0.50793
}

Semantic roles & 50–950 ramp

primary

#CBBAAC

secondary

#7B8FA0

accent

#77A144

background

#FEFEFD

surface

#FBFBF9

border

#D4D4D2

text

#151312

muted

#848382

Preview Lab

Preview with #CBBAAC

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

Preview Lab → · Contrast checker → · Palette generator →