#CCCD97

#CCCD97

Color Values

HEX

#CCCD97

RGB

204, 205, 151

HSL

61,1, 35,1%, 69,8%

HSV

61,1, 26,3%, 80,4%

CMYK

0,5%, 0,0%, 26,3%, 19,6%

OKLCH

0,8343 0,0714 108,7

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCCD97

#9897CD

Analogous

#CDB397

#B1CD97

#CCCD97

Triadic

#CCCD97

#97CCCD

#CD97CC

Split Complementary

#CCCD97

#97B1CD

#B397CD

Tetradic

#CCCD97

#97CDB3

#9897CD

#CD97B1

Color Blindness Simulation

Original

#CCCD97

Protanopia

#CCCCA4

Deuteranopia

#CCCCA7

Tritanopia

#CCAEB1

Achromatopsia

#C9C9C9

CSS Usage

background-color: #CCCD97;
color: #CCCD97;
border-color: #CCCD97;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF5
100
#F2F2E8
200
#E7E8CF
300
#D6D7AC
400
#C1C280
500
#ABAC53
600
#888A42
700
#6D6E35
800
#555629
900
#3F4021
950
#282815

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,75: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