#CCD366

#CCD366

Color Values

HEX

#CCD366

RGB

204, 211, 102

HSL

63.9, 55.3%, 61.4%

HSV

63.9, 51.7%, 82.7%

CMYK

3.3%, 0.0%, 51.7%, 17.3%

OKLCH

0.8392 0.1333 112.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CCD366

#6D66D3

Analogous

#D3A466

#95D366

#CCD366

Triadic

#CCD366

#66CCD3

#D366CC

Split Complementary

#CCD366

#6695D3

#A466D3

Tetradic

#CCD366

#66D3A4

#6D66D3

#D36695

Color Blindness Simulation

Original

#CCD366

Protanopia

#CFCF80

Deuteranopia

#CFCE87

Tritanopia

#CC959A

Achromatopsia

#CACACA

CSS Usage

background-color: #CCD366;
color: #CCD366;
border-color: #CCD366;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC8
300
#DFE4A0
400
#CED56C
500
#BDC639
600
#979E2E
700
#797F24
800
#5E631C
900
#454918
950
#2C2E0F

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.08:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026