#CCFE86

#CCFE86

Color Values

HEX

#CCFE86

RGB

204, 254, 134

HSL

85.0, 98.4%, 76.1%

HSV

85.0, 47.2%, 99.6%

CMYK

19.7%, 0.0%, 47.2%, 0.4%

OKLCH

0.9369 0.1577 127.8

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CCFE86

#B886FE

Analogous

#FEF486

#90FE86

#CCFE86

Triadic

#CCFE86

#86CCFE

#FE86CC

Split Complementary

#CCFE86

#8690FE

#F486FE

Tetradic

#CCFE86

#86FEF4

#B886FE

#FE8690

Color Blindness Simulation

Original

#CCFE86

Protanopia

#E2E2A3

Deuteranopia

#DFDBAA

Tritanopia

#CEBABF

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#F0FCDE
200
#E1FEB8
300
#CCFE86
400
#B0FD44
500
#94FD02
600
#77CA02
700
#5FA201
800
#4A7E01
900
#385B06
950
#233A04

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026