#8DF696

#8DF696

Color Values

HEX

#8DF696

RGB

141, 246, 150

HSL

125.1, 85.4%, 75.9%

HSV

125.1, 42.7%, 96.5%

CMYK

42.7%, 0.0%, 39.0%, 3.5%

OKLCH

0.8864 0.1632 145.9

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#8DF696

#F68DED

Analogous

#B9F68D

#8DF6CA

#8DF696

Triadic

#8DF696

#968DF6

#F6968D

Split Complementary

#8DF696

#CA8DF6

#F68DB9

Tetradic

#8DF696

#8DB9F6

#F68DED

#F6CA8D

Color Blindness Simulation

Original

#8DF696

Protanopia

#BABBAD

Deuteranopia

#B4ACB3

Tritanopia

#92C0C4

Achromatopsia

#D9D9D9

CSS Usage

background-color: #8DF696;
color: #8DF696;
border-color: #8DF696;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BDFAC2
300
#8EF696
400
#50F15E
500
#13EC25
600
#0FBD1E
700
#0C9718
800
#097613
900
#0B5612
950
#07360B

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026