#CCA98B

#CCA98B

Color Values

HEX

#CCA98B

RGB

204, 169, 139

HSL

27.7, 38.9%, 67.3%

HSV

27.7, 31.9%, 80.0%

CMYK

0.0%, 17.2%, 31.9%, 20.0%

OKLCH

0.7584 0.0582 62.4

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CCA98B

#8BAECC

Analogous

#CC8B8E

#CCCA8B

#CCA98B

Triadic

#CCA98B

#8BCCA9

#A98BCC

Split Complementary

#CCA98B

#8BCCCA

#8B8ECC

Tetradic

#CCA98B

#8ECC8B

#8BAECC

#CA8BCC

Color Blindness Simulation

Original

#CCA98B

Protanopia

#BDBD92

Deuteranopia

#BFC194

Tritanopia

#CA9899

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DACD
300
#DAC0AA
400
#C59E7C
500
#B17C4E
600
#8E633E
700
#714F32
800
#593E27
900
#412F1F
950
#291E14

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026