#CCCC8C

#CCCC8C

Color Values

HEX

#CCCC8C

RGB

204, 204, 140

HSL

60.0, 38.6%, 67.5%

HSV

60.0, 31.4%, 80.0%

CMYK

0.0%, 0.0%, 31.4%, 20.0%

OKLCH

0.8301 0.0836 108.1

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCCC8C

#8C8CCC

Analogous

#CCAC8C

#ACCC8C

#CCCC8C

Triadic

#CCCC8C

#8CCCCC

#CC8CCC

Split Complementary

#CCCC8C

#8CACCC

#AC8CCC

Tetradic

#CCCC8C

#8CCCAC

#8C8CCC

#CC8CAC

Color Blindness Simulation

Original

#CCCC8C

Protanopia

#CCCC9B

Deuteranopia

#CCCC9F

Tritanopia

#CCA8AA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9E9CE
300
#D9D9AA
400
#C5C57C
500
#B1B14E
600
#8D8D3F
700
#717132
800
#585827
900
#414120
950
#292914

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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