#8AE982

#8AE982

Color Values

HEX

#8AE982

RGB

138, 233, 130

HSL

115.3, 70.1%, 71.2%

HSV

115.3, 44.2%, 91.4%

CMYK

40.8%, 0.0%, 44.2%, 8.6%

OKLCH

0.851 0.1654 142.3

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8AE982

#E182E9

Analogous

#BEE982

#82E9AD

#8AE982

Triadic

#8AE982

#828AE9

#E9828A

Split Complementary

#8AE982

#AD82E9

#E982BE

Tetradic

#8AE982

#82BEE9

#E182E9

#E9AD82

Color Blindness Simulation

Original

#8AE982

Protanopia

#B3B49B

Deuteranopia

#AEA6A1

Tritanopia

#8FAFB3

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E4F8E3
200
#C6F4C2
300
#9EED97
400
#69E35F
500
#34D926
600
#2AAE1E
700
#218B18
800
#1A6C13
900
#174F12
950
#0E320B

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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