#8EDF60

#8EDF60

Color Values

HEX

#8EDF60

RGB

142, 223, 96

HSL

98.3, 66.5%, 62.5%

HSV

98.3, 57.0%, 87.5%

CMYK

36.3%, 0.0%, 57.0%, 12.5%

OKLCH

0.8246 0.1803 135.7

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#8EDF60

#B160DF

Analogous

#CDDF60

#60DF71

#8EDF60

Triadic

#8EDF60

#608EDF

#DF608E

Split Complementary

#8EDF60

#7160DF

#DF60CD

Tetradic

#8EDF60

#60CDDF

#B160DF

#DF7160

Color Blindness Simulation

Original

#8EDF60

Protanopia

#B1B27F

Deuteranopia

#ACA686

Tritanopia

#92979C

Achromatopsia

#C5C5C5

CSS Usage

background-color: #8EDF60;
color: #8EDF60;
border-color: #8EDF60;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FCF3
100
#EAF7E3
200
#D5F3C4
300
#B7EA99
400
#8FDF62
500
#68D42B
600
#53AA22
700
#43881B
800
#346A15
900
#284D13
950
#1A310C

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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