#CCA86F

#CCA86F

Color Values

HEX

#CCA86F

RGB

204, 168, 111

HSL

36.8, 47.7%, 61.8%

HSV

36.8, 45.6%, 80.0%

CMYK

0.0%, 17.6%, 45.6%, 20.0%

OKLCH

0.751 0.0855 78.4

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CCA86F

#6F93CC

Analogous

#CC7A6F

#C2CC6F

#CCA86F

Triadic

#CCA86F

#6FCCA8

#A86FCC

Split Complementary

#CCA86F

#6FC2CC

#7A6FCC

Tetradic

#CCA86F

#6FCC7A

#6F93CC

#CC6FC2

Color Blindness Simulation

Original

#CCA86F

Protanopia

#BCBC7D

Deuteranopia

#BEC180

Tritanopia

#CA888A

Achromatopsia

#ACACAC

CSS Usage

background-color: #CCA86F;
color: #CCA86F;
border-color: #CCA86F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC8A5
400
#CEAB74
500
#BC8D43
600
#977135
700
#795A2B
800
#5E4721
900
#45351C
950
#2C2211

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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