#CCD364

#CCD364

Color Values

HEX

#CCD364

RGB

204, 211, 100

HSL

63.8, 55.8%, 61.0%

HSV

63.8, 52.6%, 82.7%

CMYK

3.3%, 0.0%, 52.6%, 17.3%

OKLCH

0.839 0.1352 112.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CCD364

#6B64D3

Analogous

#D3A364

#95D364

#CCD364

Triadic

#CCD364

#64CCD3

#D364CC

Split Complementary

#CCD364

#6495D3

#A364D3

Tetradic

#CCD364

#64D3A3

#6B64D3

#D36495

Color Blindness Simulation

Original

#CCD364

Protanopia

#CFCF7F

Deuteranopia

#CFCE85

Tritanopia

#CC9499

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F6E5
200
#EDEFC7
300
#E0E4A0
400
#CFD56C
500
#BEC738
600
#989F2D
700
#797F24
800
#5F631C
900
#464918
950
#2C2E0F

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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