#CCD556

#CCD556

Color Values

HEX

#CCD556

RGB

204, 213, 86

HSL

64.3, 60.2%, 58.6%

HSV

64.3, 59.6%, 83.5%

CMYK

4.2%, 0.0%, 59.6%, 16.5%

OKLCH

0.8418 0.1497 113.0

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCD556

#5F56D5

Analogous

#D59F56

#8CD556

#CCD556

Triadic

#CCD556

#56CCD5

#D556CC

Split Complementary

#CCD556

#568CD5

#9F56D5

Tetradic

#CCD556

#56D59F

#5F56D5

#D5568C

Color Blindness Simulation

Original

#CCD556

Protanopia

#D0D075

Deuteranopia

#CFCF7C

Tritanopia

#CC8D92

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EEF1C6
300
#E1E79D
400
#D1D968
500
#C1CC33
600
#9BA329
700
#7C8320
800
#616619
900
#474B16
950
#2D2F0E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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