#CCA385

#CCA385

Color Values

HEX

#CCA385

RGB

204, 163, 133

HSL

25.4, 41.0%, 66.1%

HSV

25.4, 34.8%, 80.0%

CMYK

0.0%, 20.1%, 34.8%, 20.0%

OKLCH

0.7453 0.0638 57.8

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#CCA385

#85AECC

Analogous

#CC858B

#CCC785

#CCA385

Triadic

#CCA385

#85CCA3

#A385CC

Split Complementary

#CCA385

#85CCC7

#858BCC

Tetradic

#CCA385

#8BCC85

#85AECC

#C785CC

Color Blindness Simulation

Original

#CCA385

Protanopia

#BABA8C

Deuteranopia

#BDC08E

Tritanopia

#CA9293

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD9CD
300
#DBBEA9
400
#C79B7A
500
#B4774B
600
#90603C
700
#734C30
800
#5A3C26
900
#422E1F
950
#2A1D13

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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