#CCDD65

#CCDD65

Color Values

HEX

#CCDD65

RGB

204, 221, 101

HSL

68.5, 63.8%, 63.1%

HSV

68.5, 54.3%, 86.7%

CMYK

7.7%, 0.0%, 54.3%, 13.3%

OKLCH

0.8607 0.1461 116.3

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#CCDD65

#7665DD

Analogous

#DDB265

#90DD65

#CCDD65

Triadic

#CCDD65

#65CCDD

#DD65CC

Split Complementary

#CCDD65

#6590DD

#B265DD

Tetradic

#CCDD65

#65DDB2

#7665DD

#DD6590

Color Blindness Simulation

Original

#CCDD65

Protanopia

#D3D482

Deuteranopia

#D2D189

Tritanopia

#CD999E

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F7E3
200
#ECF2C5
300
#DEE99B
400
#CCDD64
500
#BAD12E
600
#95A725
700
#77861E
800
#5D6817
900
#444C15
950
#2B300D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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