#CCD654

#CCD654

Color Values

HEX

#CCD654

RGB

204, 214, 84

HSL

64.6, 61.3%, 58.4%

HSV

64.6, 60.7%, 83.9%

CMYK

4.7%, 0.0%, 60.7%, 16.1%

OKLCH

0.8437 0.1524 113.3

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCD654

#5E54D6

Analogous

#D69F54

#8BD654

#CCD654

Triadic

#CCD654

#54CCD6

#D654CC

Split Complementary

#CCD654

#548BD6

#9F54D6

Tetradic

#CCD654

#54D69F

#5E54D6

#D6548B

Color Blindness Simulation

Original

#CCD654

Protanopia

#D0D073

Deuteranopia

#D0CF7B

Tritanopia

#CC8C92

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EEF1C5
300
#E2E79C
400
#D2DA67
500
#C2CE31
600
#9BA527
700
#7C8420
800
#616719
900
#474B16
950
#2D2F0E

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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