#9EDC77

#9EDC77

Color Values

HEX

#9EDC77

RGB

158, 220, 119

HSL

96.8, 59.1%, 66.5%

HSV

96.8, 45.9%, 86.3%

CMYK

28.2%, 0.0%, 45.9%, 13.7%

OKLCH

0.8295 0.1467 134.4

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#9EDC77

#B577DC

Analogous

#D1DC77

#77DC83

#9EDC77

Triadic

#9EDC77

#779EDC

#DC779E

Split Complementary

#9EDC77

#8377DC

#DC77D1

Tetradic

#9EDC77

#77D1DC

#B577DC

#DC8377

Color Blindness Simulation

Original

#9EDC77

Protanopia

#B9B98F

Deuteranopia

#B5B195

Tritanopia

#A1A3A7

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EBF6E4
200
#D7F0C6
300
#BAE69E
400
#94D869
500
#6ECB34
600
#58A22A
700
#478221
800
#37651A
900
#2B4A17
950
#1B2F0E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.96: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