#CCB495#CCB495

#CCB495 is a light, muted orange. Relative luminance 0.476; OKLCH L 78.3% C 0.050 H 74.0°. Best body text is #000000 at 10.53:1 contrast (WCAG AA passes).

Color values

HEX	#CCB495
RGB	rgb(204, 180, 149)
HSL	hsl(34, 35%, 69%)
HSV	hsv(34, 27%, 80%)
CMYK	cmyk(0%, 11.8%, 27%, 20%)
CIE-LAB	lab(74.60, 3.86, 18.99)
CIE-LCH	lch(74.60, 19.38, 78.50°)
OKLab	oklab(78.26% 0.0139 0.0485)
OKLCH	oklch(78.26% 0.05 74)
XYZ	xyz(46.6483, 47.6513, 35.1683)
Luminance	0.4765 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CCB495 #95ADCC

analogous

#CC9995 #CCB495 #C9CC95

triadic

#CCB495 #95CCB4 #B495CC

tetradic

#CCB495 #95CC99 #95ADCC #CC95C9

square

#CCB495 #95CC99 #95ADCC #CC95C9

split-complementary

#CCB495 #95C9CC #9995CC

monochromatic

#9C784B #B8976C #CCB495 #E0D1BE #F4EEE8

Accessibility & contrast

On white

1.99

#CCB495 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.53

#CCB495 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CCB495

10.53:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CCB495	#FFFFFF	#000000	##000000
##CCB495	1.00	1.99	10.53	10.53
#FFFFFF	1.99	1.00	21.00	21.00
#000000	10.53	21.00	1.00	1.00
##000000	10.53	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BDB493

Deuteranopia (green-blind)

#C3BA96

Tritanopia (blue-blind)

#D6AEAB

Achromatopsia (no color)

#B8B8B8

Design tokens & code

CSS

--color: #ccb495;
/* rgb */ color: rgb(204, 180, 149);
/* oklch */ color: oklch(78.3% 0.050 74.0);

Tailwind

colors: {
  custom: {
    50: '#dccab4',
    500: '#ccb495',
    950: '#000000',
  },
}

SCSS

$custom: #ccb495;
$custom-light: #dccab4;
$custom-dark: #000000;

JSON

{
  "hex": "#ccb495",
  "rgb": {
    "r": 204,
    "g": 180,
    "b": 149
  },
  "hsl": {
    "h": 33.818,
    "s": 35.032,
    "l": 69.216
  },
  "oklch": {
    "l": 0.78256,
    "c": 0.05043,
    "h": 74
  },
  "luminance": 0.4765
}

Semantic roles & 50–950 ramp

primary

#CCB495

secondary

#D6DDE6

accent

#6BAE38

background

#FDFCFB

surface

#FBF8F6

border

#D4D1D0

text

#151311

muted

#838280

Preview Lab

Preview with #CCB495

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

Preview Lab → · Contrast checker → · Palette generator →