#CCC98C

#CCC98C

Color Values

HEX

#CCC98C

RGB

204, 201, 140

HSL

57.2, 38.6%, 67.5%

HSV

57.2, 31.4%, 80.0%

CMYK

0.0%, 1.5%, 31.4%, 20.0%

OKLCH

0.8238 0.08 105.6

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCC98C

#8C8FCC

Analogous

#CCA98C

#AFCC8C

#CCC98C

Triadic

#CCC98C

#8CCCC9

#C98CCC

Split Complementary

#CCC98C

#8CAFCC

#A98CCC

Tetradic

#CCC98C

#8CCCA9

#8C8FCC

#CC8CAF

Color Blindness Simulation

Original

#CCC98C

Protanopia

#CBCB9B

Deuteranopia

#CBCB9E

Tritanopia

#CCA6A9

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#E9E8CE
300
#D9D7AA
400
#C5C27C
500
#B1AC4E
600
#8D8A3F
700
#716E32
800
#585627
900
#414020
950
#292814

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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