#CCAC98

#CCAC98

Color Values

HEX

#CCAC98

RGB

204, 172, 152

HSL

23,1, 33,8%, 69,8%

HSV

23,1, 25,5%, 80,0%

CMYK

0,0%, 15,7%, 25,5%, 20,0%

OKLCH

0,7673 0,0467 53,8

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CCAC98

#98B8CC

Analogous

#CC989E

#CCC698

#CCAC98

Triadic

#CCAC98

#98CCAC

#AC98CC

Split Complementary

#CCAC98

#98CCC6

#989ECC

Tetradic

#CCAC98

#9ECC98

#98B8CC

#C698CC

Color Blindness Simulation

Original

#CCAC98

Protanopia

#BEBE9D

Deuteranopia

#C0C29E

Tritanopia

#CAA1A2

Achromatopsia

#B1B1B1

CSS Usage

background-color: #CCAC98;
color: #CCAC98;
border-color: #CCAC98;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E7D9CF
300
#D6BDAD
400
#C19981
500
#AB7654
600
#885E44
700
#6D4B36
800
#553B2A
900
#3F2D22
950
#281C15

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,92: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