#CCF78C

#CCF78C

Color Values

HEX

#CCF78C

RGB

204, 247, 140

HSL

84.1, 87.0%, 75.9%

HSV

84.1, 43.3%, 96.9%

CMYK

17.4%, 0.0%, 43.3%, 3.1%

OKLCH

0.9224 0.1421 126.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCF78C

#B78CF7

Analogous

#F7EC8C

#97F78C

#CCF78C

Triadic

#CCF78C

#8CCCF7

#F78CCC

Split Complementary

#CCF78C

#8C97F7

#EC8CF7

Tetradic

#CCF78C

#8CF7EC

#B78CF7

#F78C97

Color Blindness Simulation

Original

#CCF78C

Protanopia

#DFDFA6

Deuteranopia

#DCD9AC

Tritanopia

#CEBABF

Achromatopsia

#E6E6E6

CSS Usage

background-color: #CCF78C;
color: #CCF78C;
border-color: #CCF78C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FDF2
100
#F0FAE0
200
#E1FABC
300
#CCF78D
400
#B1F34F
500
#95EE11
600
#77BF0D
700
#60990B
800
#4B7708
900
#38560B
950
#233707

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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