#8AE73C

#8AE73C

Color Values

HEX

#8AE73C

RGB

138, 231, 60

HSL

92.6, 78.1%, 57.1%

HSV

92.6, 74.0%, 90.6%

CMYK

40.3%, 0.0%, 74.0%, 9.4%

OKLCH

0.8386 0.2173 134.2

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#8AE73C

#993CE7

Analogous

#E0E73C

#3CE744

#8AE73C

Triadic

#8AE73C

#3C8AE7

#E73C8A

Split Complementary

#8AE73C

#443CE7

#E73CE0

Tetradic

#8AE73C

#3CE0E7

#993CE7

#E7443C

Color Blindness Simulation

Original

#8AE73C

Protanopia

#B2B365

Deuteranopia

#ADA66F

Tritanopia

#8F868D

Achromatopsia

#C7C7C7

CSS Usage

background-color: #8AE73C;
color: #8AE73C;
border-color: #8AE73C;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#D9F7BF
300
#BEF292
400
#9AEA57
500
#77E31C
600
#5FB616
700
#4C9112
800
#3B720E
900
#2D530E
950
#1D3409

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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