#CCD368

#CCD368

Color Values

HEX

#CCD368

RGB

204, 211, 104

HSL

63.9, 54.9%, 61.8%

HSV

63.9, 50.7%, 82.7%

CMYK

3.3%, 0.0%, 50.7%, 17.3%

OKLCH

0.8394 0.1314 112.3

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CCD368

#6F68D3

Analogous

#D3A568

#97D368

#CCD368

Triadic

#CCD368

#68CCD3

#D368CC

Split Complementary

#CCD368

#6897D3

#A568D3

Tetradic

#CCD368

#68D3A5

#6F68D3

#D36897

Color Blindness Simulation

Original

#CCD368

Protanopia

#CFCF82

Deuteranopia

#CFCE88

Tritanopia

#CC969B

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEFC8
300
#DFE3A0
400
#CED46D
500
#BCC53A
600
#979E2E
700
#797E25
800
#5E631D
900
#454819
950
#2C2E0F

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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