#96CF93

#96CF93

Color Values

HEX

#96CF93

RGB

150, 207, 147

HSL

117,0, 38,5%, 69,4%

HSV

117,0, 29,0%, 81,2%

CMYK

27,5%, 0,0%, 29,0%, 18,8%

OKLCH

0,7998 0,102 143,4

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#96CF93

#CC93CF

Analogous

#B4CF93

#93CFAE

#96CF93

Triadic

#96CF93

#9396CF

#CF9396

Split Complementary

#96CF93

#AE93CF

#CF93B4

Tetradic

#96CF93

#93B4CF

#CC93CF

#CFAE93

Color Blindness Simulation

Original

#96CF93

Protanopia

#AFAFA2

Deuteranopia

#ABA7A5

Tritanopia

#99ADB0

Achromatopsia

#BFBFBF

CSS Usage

background-color: #96CF93;
color: #96CF93;
border-color: #96CF93;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFE9CE
300
#ADD9AA
400
#80C57C
500
#53B14E
600
#438D3F
700
#357132
800
#2A5827
900
#214120
950
#152914

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

11,64: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