#CCD756

#CCD756

Color Values

HEX

#CCD756

RGB

204, 215, 86

HSL

65.1, 61.7%, 59.0%

HSV

65.1, 60.0%, 84.3%

CMYK

5.1%, 0.0%, 60.0%, 15.7%

OKLCH

0.8461 0.152 113.7

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCD756

#6156D7

Analogous

#D7A156

#8BD756

#CCD756

Triadic

#CCD756

#56CCD7

#D756CC

Split Complementary

#CCD756

#568BD7

#A156D7

Tetradic

#CCD756

#56D7A1

#6156D7

#D7568B

Color Blindness Simulation

Original

#CCD756

Protanopia

#D1D175

Deuteranopia

#D0CF7D

Tritanopia

#CD8E93

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CCD756;
color: #CCD756;
border-color: #CCD756;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EEF1C5
300
#E1E89C
400
#D1DB66
500
#C1CE31
600
#9AA527
700
#7B841F
800
#606718
900
#474B16
950
#2D300E

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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