#8EEB97

#8EEB97

Color Values

HEX

#8EEB97

RGB

142, 235, 151

HSL

125.8, 69.9%, 73.9%

HSV

125.8, 39.6%, 92.2%

CMYK

39.6%, 0.0%, 35.7%, 7.8%

OKLCH

0.8613 0.1457 146.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8EEB97

#EB8EE2

Analogous

#B3EB8E

#8EEBC5

#8EEB97

Triadic

#8EEB97

#978EEB

#EB978E

Split Complementary

#8EEB97

#C58EEB

#EB8EB3

Tetradic

#8EEB97

#8EB3EB

#EB8EE2

#EBC58E

Color Blindness Simulation

Original

#8EEB97

Protanopia

#B6B7AB

Deuteranopia

#B1AAB0

Tritanopia

#93BBBF

Achromatopsia

#D1D1D1

CSS Usage

background-color: #8EEB97;
color: #8EEB97;
border-color: #8EEB97;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF4
100
#E3F8E5
200
#C2F4C7
300
#97ED9F
400
#5FE36B
500
#26D938
600
#1FAD2C
700
#198B24
800
#136C1C
900
#124F18
950
#0B320F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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