#CCFE85

#CCFE85

Color Values

HEX

#CCFE85

RGB

204, 254, 133

HSL

84,8, 98,4%, 75,9%

HSV

84,8, 47,6%, 99,6%

CMYK

19,7%, 0,0%, 47,6%, 0,4%

OKLCH

0,9367 0,1587 127,7

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CCFE85

#B785FE

Analogous

#FEF485

#90FE85

#CCFE85

Triadic

#CCFE85

#85CCFE

#FE85CC

Split Complementary

#CCFE85

#8590FE

#F485FE

Tetradic

#CCFE85

#85FEF4

#B785FE

#FE8590

Color Blindness Simulation

Original

#CCFE85

Protanopia

#E2E2A2

Deuteranopia

#DFDBA9

Tritanopia

#CEB9BE

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#F0FCDE
200
#E1FEB8
300
#CCFE86
400
#B1FD44
500
#95FD02
600
#77CA02
700
#60A201
800
#4B7E01
900
#385B06
950
#233A04

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,08:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026