#8AEC96

#8AEC96

Color Values

HEX

#8AEC96

RGB

138, 236, 150

HSL

127.3, 72.1%, 73.3%

HSV

127.3, 41.5%, 92.5%

CMYK

41.5%, 0.0%, 36.4%, 7.5%

OKLCH

0.8615 0.1504 146.9

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8AEC96

#EC8AE0

Analogous

#AFEC8A

#8AECC7

#8AEC96

Triadic

#8AEC96

#968AEC

#EC968A

Split Complementary

#8AEC96

#C78AEC

#EC8AAF

Tetradic

#8AEC96

#8AAFEC

#EC8AE0

#ECC78A

Color Blindness Simulation

Original

#8AEC96

Protanopia

#B4B5AB

Deuteranopia

#AFA7B0

Tritanopia

#8FBBBF

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C2F5C8
300
#96EEA0
400
#5DE56D
500
#24DB3A
600
#1CB02E
700
#178C25
800
#126E1D
900
#115019
950
#0B3210

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026