#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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026