#CCAE8E

#CCAE8E

Color Values

HEX

#CCAE8E

RGB

204, 174, 142

HSL

31.0, 37.8%, 67.8%

HSV

31.0, 30.4%, 80.0%

CMYK

0.0%, 14.7%, 30.4%, 20.0%

OKLCH

0.769 0.0559 68.7

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CCAE8E

#8EACCC

Analogous

#CC8F8E

#CBCC8E

#CCAE8E

Triadic

#CCAE8E

#8ECCAE

#AE8ECC

Split Complementary

#CCAE8E

#8ECBCC

#8F8ECC

Tetradic

#CCAE8E

#8ECC8F

#8EACCC

#CC8ECB

Color Blindness Simulation

Original

#CCAE8E

Protanopia

#BFBF96

Deuteranopia

#C1C398

Tritanopia

#CA9C9D

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DCCE
300
#D9C3AB
400
#C4A27D
500
#B0814F
600
#8D673F
700
#705333
800
#584128
900
#413120
950
#291F14

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.01:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026