#CCAB8E

#CCAB8E

Color Values

HEX

#CCAB8E

RGB

204, 171, 142

HSL

28.1, 37.8%, 67.8%

HSV

28.1, 30.4%, 80.0%

CMYK

0.0%, 16.2%, 30.4%, 20.0%

OKLCH

0.763 0.0555 63.2

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CCAB8E

#8EAFCC

Analogous

#CC8E90

#CCCA8E

#CCAB8E

Triadic

#CCAB8E

#8ECCAB

#AB8ECC

Split Complementary

#CCAB8E

#8ECCCA

#8E90CC

Tetradic

#CCAB8E

#90CC8E

#8EAFCC

#CA8ECC

Color Blindness Simulation

Original

#CCAB8E

Protanopia

#BEBD95

Deuteranopia

#C0C297

Tritanopia

#CA9B9C

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DACE
300
#D9C0AB
400
#C49E7D
500
#B07C4F
600
#8D643F
700
#705033
800
#583E28
900
#412F20
950
#291E14

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.78: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