#CCA970

#CCA970

Color Values

HEX

#CCA970

RGB

204, 169, 112

HSL

37.2, 47.4%, 62.0%

HSV

37.2, 45.1%, 80.0%

CMYK

0.0%, 17.2%, 45.1%, 20.0%

OKLCH

0.7532 0.0849 79.1

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CCA970

#7093CC

Analogous

#CC7B70

#C1CC70

#CCA970

Triadic

#CCA970

#70CCA9

#A970CC

Split Complementary

#CCA970

#70C1CC

#7B70CC

Tetradic

#CCA970

#70CC7B

#7093CC

#CC70C1

Color Blindness Simulation

Original

#CCA970

Protanopia

#BDBD7E

Deuteranopia

#BFC181

Tritanopia

#CA898B

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC9A5
400
#CDAB74
500
#BC8E43
600
#967236
700
#785B2B
800
#5E4722
900
#45351C
950
#2C2212

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026