#CCDB50

#CCDB50

Color Values

HEX

#CCDB50

RGB

204, 219, 80

HSL

66.5, 65.9%, 58.6%

HSV

66.5, 63.5%, 85.9%

CMYK

6.8%, 0.0%, 63.5%, 14.1%

OKLCH

0.8542 0.1611 115.1

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CCDB50

#5F50DB

Analogous

#DBA550

#86DB50

#CCDB50

Triadic

#CCDB50

#50CCDB

#DB50CC

Split Complementary

#CCDB50

#5086DB

#A550DB

Tetradic

#CCDB50

#50DBA5

#5F50DB

#DB5086

Color Blindness Simulation

Original

#CCDB50

Protanopia

#D2D372

Deuteranopia

#D2D07A

Tritanopia

#CD8C92

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF3C4
300
#E1EA99
400
#D1DF62
500
#C1D42B
600
#9BA923
700
#7C871C
800
#616A16
900
#474D14
950
#2D310C

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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