#8EDD4F

#8EDD4F

Color Values

HEX

#8EDD4F

RGB

142, 221, 79

HSL

93.4, 67.6%, 58.8%

HSV

93.4, 64.3%, 86.7%

CMYK

35.7%, 0.0%, 64.3%, 13.3%

OKLCH

0.8181 0.1911 133.8

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#8EDD4F

#9E4FDD

Analogous

#D5DD4F

#4FDD57

#8EDD4F

Triadic

#8EDD4F

#4F8EDD

#DD4F8E

Split Complementary

#8EDD4F

#574FDD

#DD4FD5

Tetradic

#8EDD4F

#4FD5DD

#9E4FDD

#DD574F

Color Blindness Simulation

Original

#8EDD4F

Protanopia

#B0B171

Deuteranopia

#ACA67A

Tritanopia

#928D92

Achromatopsia

#C2C2C2

CSS Usage

background-color: #8EDD4F;
color: #8EDD4F;
border-color: #8EDD4F;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F3C3
300
#BDEB98
400
#99E061
500
#76D629
600
#5EAB21
700
#4B891A
800
#3B6B15
900
#2D4E13
950
#1C310C

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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