#8DEE97

#8DEE97

Color Values

HEX

#8DEE97

RGB

141, 238, 151

HSL

126.2, 74.0%, 74.3%

HSV

126.2, 40.8%, 93.3%

CMYK

40.8%, 0.0%, 36.6%, 6.7%

OKLCH

0.8678 0.1507 146.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8DEE97

#EE8DE4

Analogous

#B3EE8D

#8DEEC7

#8DEE97

Triadic

#8DEE97

#978DEE

#EE978D

Split Complementary

#8DEE97

#C78DEE

#EE8DB3

Tetradic

#8DEE97

#8DB3EE

#EE8DE4

#EEC78D

Color Blindness Simulation

Original

#8DEE97

Protanopia

#B7B8AC

Deuteranopia

#B1AAB1

Tritanopia

#92BDC0

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E4
200
#C1F6C6
300
#95EF9E
400
#5BE669
500
#21DE35
600
#1BB12A
700
#158E22
800
#116F1A
900
#105117
950
#0A330E

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026