#CCC383

#CCC383

Color Values

HEX

#CCC383

RGB

204, 195, 131

HSL

52.6, 41.7%, 65.7%

HSV

52.6, 35.8%, 80.0%

CMYK

0.0%, 4.4%, 35.8%, 20.0%

OKLCH

0.8096 0.0839 101.2

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCC383

#838CCC

Analogous

#CC9F83

#B1CC83

#CCC383

Triadic

#CCC383

#83CCC3

#C383CC

Split Complementary

#CCC383

#83B1CC

#9F83CC

Tetradic

#CCC383

#83CC9F

#838CCC

#CC83B1

Color Blindness Simulation

Original

#CCC383

Protanopia

#C8C892

Deuteranopia

#C9C996

Tritanopia

#CC9FA1

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#EAE7CC
300
#DBD5A8
400
#C8BE79
500
#B5A84A
600
#91863B
700
#746B30
800
#5A5425
900
#433E1E
950
#2A2713

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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