#8AEE96

#8AEE96

Color Values

HEX

#8AEE96

RGB

138, 238, 150

HSL

127.2, 74.6%, 73.7%

HSV

127.2, 42.0%, 93.3%

CMYK

42.0%, 0.0%, 37.0%, 6.7%

OKLCH

0.8662 0.1533 146.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8AEE96

#EE8AE2

Analogous

#B0EE8A

#8AEEC8

#8AEE96

Triadic

#8AEE96

#968AEE

#EE968A

Split Complementary

#8AEE96

#C88AEE

#EE8AB0

Tetradic

#8AEE96

#8AB0EE

#EE8AE2

#EEC88A

Color Blindness Simulation

Original

#8AEE96

Protanopia

#B5B6AB

Deuteranopia

#B0A8B0

Tritanopia

#8FBCC0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E2F8E5
200
#C1F6C7
300
#94EF9F
400
#5AE76B
500
#20DF37
600
#1AB22C
700
#158E23
800
#106F1C
900
#105118
950
#0A330F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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