#CFF596

#CFF596

Color Values

HEX

#CFF596

RGB

207, 245, 150

HSL

84.0, 82.6%, 77.5%

HSV

84.0, 38.8%, 96.1%

CMYK

15.5%, 0.0%, 38.8%, 3.9%

OKLCH

0.9216 0.1275 126.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CFF596

#BC96F5

Analogous

#F5EC96

#A0F596

#CFF596

Triadic

#CFF596

#96CFF5

#F596CF

Split Complementary

#CFF596

#96A0F5

#EC96F5

Tetradic

#CFF596

#96F5EC

#BC96F5

#F596A0

Color Blindness Simulation

Original

#CFF596

Protanopia

#DFE0AD

Deuteranopia

#DDDAB2

Tritanopia

#D1BFC3

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#F0FAE1
200
#E1F9BE
300
#CCF48F
400
#B0EF53
500
#95E916
600
#77BA12
700
#5F950E
800
#4A740B
900
#38540C
950
#233508

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026