#CCFD84

#CCFD84

Color Values

HEX

#CCFD84

RGB

204, 253, 132

HSL

84.3, 96.8%, 75.5%

HSV

84.3, 47.8%, 99.2%

CMYK

19.4%, 0.0%, 47.8%, 0.8%

OKLCH

0.9344 0.1583 127.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CCFD84

#B584FD

Analogous

#FDF284

#90FD84

#CCFD84

Triadic

#CCFD84

#84CCFD

#FD84CC

Split Complementary

#CCFD84

#8490FD

#F284FD

Tetradic

#CCFD84

#84FDF2

#B584FD

#FD8490

Color Blindness Simulation

Original

#CCFD84

Protanopia

#E1E2A1

Deuteranopia

#DEDBA8

Tritanopia

#CEB8BD

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F0FCDE
200
#E2FEB9
300
#CDFD87
400
#B2FC45
500
#97FB04
600
#79C903
700
#61A103
800
#4B7D02
900
#385B06
950
#243904

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026