#CCC473

#CCC473

Color Values

HEX

#CCC473

RGB

204, 196, 115

HSL

54.6, 46.6%, 62.5%

HSV

54.6, 43.6%, 80.0%

CMYK

0.0%, 3.9%, 43.6%, 20.0%

OKLCH

0.8091 0.1031 103.5

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CCC473

#737BCC

Analogous

#CC9773

#A7CC73

#CCC473

Triadic

#CCC473

#73CCC4

#C473CC

Split Complementary

#CCC473

#73A7CC

#9773CC

Tetradic

#CCC473

#73CC97

#737BCC

#CC73A7

Color Blindness Simulation

Original

#CCC473

Protanopia

#C9C887

Deuteranopia

#C9CA8B

Tritanopia

#CC9699

Achromatopsia

#C0C0C0

CSS Usage

background-color: #CCC473;
color: #CCC473;
border-color: #CCC473;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE9CB
300
#DED9A5
400
#CDC575
500
#BBB044
600
#968D36
700
#78712C
800
#5D5822
900
#45411C
950
#2B2912

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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