#CCFF96

#CCFF96

Color Values

HEX

#CCFF96

RGB

204, 255, 150

HSL

89.1, 100.0%, 79.4%

HSV

89.1, 41.2%, 100.0%

CMYK

20.0%, 0.0%, 41.2%, 0.0%

OKLCH

0.9414 0.1431 129.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCFF96

#C996FF

Analogous

#FFFD96

#98FF96

#CCFF96

Triadic

#CCFF96

#96CCFF

#FF96CC

Split Complementary

#CCFF96

#9698FF

#FD96FF

Tetradic

#CCFF96

#96FFFD

#C996FF

#FF9698

Color Blindness Simulation

Original

#CCFF96

Protanopia

#E2E3AF

Deuteranopia

#DFDBB6

Tritanopia

#CFC3C8

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EEFCDE
200
#DCFFB8
300
#C4FF85
400
#A3FF42
500
#83FF00
600
#69CC00
700
#54A300
800
#428000
900
#325C05
950
#1F3A03

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.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