#8FDF4E

#8FDF4E

Color Values

HEX

#8FDF4E

RGB

143, 223, 78

HSL

93.1, 69.4%, 59.0%

HSV

93.1, 65.0%, 87.5%

CMYK

35.9%, 0.0%, 65.0%, 12.5%

OKLCH

0.8233 0.1938 133.7

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#8FDF4E

#9E4EDF

Analogous

#D8DF4E

#4EDF55

#8FDF4E

Triadic

#8FDF4E

#4E8FDF

#DF4E8F

Split Complementary

#8FDF4E

#554EDF

#DF4ED8

Tetradic

#8FDF4E

#4ED8DF

#9E4EDF

#DF554E

Color Blindness Simulation

Original

#8FDF4E

Protanopia

#B2B271

Deuteranopia

#ADA779

Tritanopia

#938D93

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E3
200
#D9F4C3
300
#BDEC97
400
#9AE25F
500
#76D827
600
#5FAD1F
700
#4C8A19
800
#3B6C14
900
#2D4F12
950
#1D320B

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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