#CCA48B

#CCA48B

Color Values

HEX

#CCA48B

RGB

204, 164, 139

HSL

23.1, 38.9%, 67.3%

HSV

23.1, 31.9%, 80.0%

CMYK

0.0%, 19.6%, 31.9%, 20.0%

OKLCH

0.7486 0.0588 53.6

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CCA48B

#8BB3CC

Analogous

#CC8B93

#CCC58B

#CCA48B

Triadic

#CCA48B

#8BCCA4

#A48BCC

Split Complementary

#CCA48B

#8BCCC5

#8B93CC

Tetradic

#CCA48B

#93CC8B

#8BB3CC

#C58BCC

Color Blindness Simulation

Original

#CCA48B

Protanopia

#BBBA91

Deuteranopia

#BDC092

Tritanopia

#CA9697

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D8CD
300
#DABCAA
400
#C5987C
500
#B1744E
600
#8E5D3E
700
#714A32
800
#593A27
900
#412D1F
950
#291C14

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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