#CDFC96

#CDFC96

Color Values

HEX

#CDFC96

RGB

205, 252, 150

HSL

87.6, 94.4%, 78.8%

HSV

87.6, 40.5%, 98.8%

CMYK

18.7%, 0.0%, 40.5%, 1.2%

OKLCH

0.9355 0.1384 129.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CDFC96

#C596FC

Analogous

#FCF896

#9AFC96

#CDFC96

Triadic

#CDFC96

#96CDFC

#FC96CD

Split Complementary

#CDFC96

#969AFC

#F896FC

Tetradic

#CDFC96

#96FCF8

#C596FC

#FC969A

Color Blindness Simulation

Original

#CDFC96

Protanopia

#E1E2AF

Deuteranopia

#DFDBB5

Tritanopia

#CFC2C6

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C6FC88
400
#A8FA48
500
#89F807
600
#6EC606
700
#589F05
800
#457C04
900
#345A07
950
#213905

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026