#8EC869

#8EC869

Color Values

HEX

#8EC869

RGB

142, 200, 105

HSL

96.6, 46.3%, 59.8%

HSV

96.6, 47.5%, 78.4%

CMYK

29.0%, 0.0%, 47.5%, 21.6%

OKLCH

0.7711 0.1399 134.4

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#8EC869

#A369C8

Analogous

#BEC869

#69C873

#8EC869

Triadic

#8EC869

#698EC8

#C8698E

Split Complementary

#8EC869

#7369C8

#C869BE

Tetradic

#8EC869

#69BEC8

#A369C8

#C87369

Color Blindness Simulation

Original

#8EC869

Protanopia

#A7A880

Deuteranopia

#A49F86

Tritanopia

#919296

Achromatopsia

#B5B5B5

CSS Usage

background-color: #8EC869;
color: #8EC869;
border-color: #8EC869;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8ECCB
300
#BCDEA5
400
#97CC75
500
#73BB44
600
#5C9537
700
#49772C
800
#395D22
900
#2C451C
950
#1C2B12

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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