#CCD656

#CCD656

Color Values

HEX

#CCD656

RGB

204, 214, 86

HSL

64.7, 61.0%, 58.8%

HSV

64.7, 59.8%, 83.9%

CMYK

4.7%, 0.0%, 59.8%, 16.1%

OKLCH

0.8439 0.1508 113.4

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCD656

#6056D6

Analogous

#D6A056

#8CD656

#CCD656

Triadic

#CCD656

#56CCD6

#D656CC

Split Complementary

#CCD656

#568CD6

#A056D6

Tetradic

#CCD656

#56D6A0

#6056D6

#D6568C

Color Blindness Simulation

Original

#CCD656

Protanopia

#D0D075

Deuteranopia

#D0CF7C

Tritanopia

#CC8D93

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EEF1C6
300
#E1E79C
400
#D1DA67
500
#C1CD32
600
#9AA428
700
#7C8320
800
#616719
900
#474B16
950
#2D2F0E

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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