#CCA89D

#CCA89D

Color Values

HEX

#CCA89D

RGB

204, 168, 157

HSL

14.0, 31.5%, 70.8%

HSV

14.0, 23.0%, 80.0%

CMYK

0.0%, 17.6%, 23.0%, 20.0%

OKLCH

0.7608 0.0453 37.7

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CCA89D

#9DC1CC

Analogous

#CC9DAA

#CCBF9D

#CCA89D

Triadic

#CCA89D

#9DCCA8

#A89DCC

Split Complementary

#CCA89D

#9DCCBF

#9DAACC

Tetradic

#CCA89D

#AACC9D

#9DC1CC

#BF9DCC

Color Blindness Simulation

Original

#CCA89D

Protanopia

#BCBCA0

Deuteranopia

#BEC1A0

Tritanopia

#CAA2A2

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E7D5D0
300
#D5B8AF
400
#BE9183
500
#A86A57
600
#865546
700
#6B4438
800
#54352C
900
#3E2923
950
#271A16

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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