#CCA17C

#CCA17C

Color Values

HEX

#CCA17C

RGB

204, 161, 124

HSL

27.7, 44.0%, 64.3%

HSV

27.7, 39.2%, 80.0%

CMYK

0.0%, 21.1%, 39.2%, 20.0%

OKLCH

0.7396 0.0717 62.1

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CCA17C

#7CA7CC

Analogous

#CC7C7F

#CCC97C

#CCA17C

Triadic

#CCA17C

#7CCCA1

#A17CCC

Split Complementary

#CCA17C

#7CCCC9

#7C7FCC

Tetradic

#CCA17C

#7FCC7C

#7CA7CC

#C97CCC

Color Blindness Simulation

Original

#CCA17C

Protanopia

#B9B985

Deuteranopia

#BCBF87

Tritanopia

#CA8C8E

Achromatopsia

#A7A7A7

CSS Usage

background-color: #CCA17C;
color: #CCA17C;
border-color: #CCA17C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDACC
300
#DDC0A7
400
#CA9D77
500
#B87B47
600
#936339
700
#764F2E
800
#5C3E24
900
#442F1D
950
#2B1E12

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026