#8AE03F

#8AE03F

Color Values

HEX

#8AE03F

RGB

138, 224, 63

HSL

92.0, 72.2%, 56.3%

HSV

92.0, 71.9%, 87.8%

CMYK

38.4%, 0.0%, 71.9%, 12.2%

OKLCH

0.8219 0.2073 133.7

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#8AE03F

#953FE0

Analogous

#DBE03F

#3FE044

#8AE03F

Triadic

#8AE03F

#3F8AE0

#E03F8A

Split Complementary

#8AE03F

#443FE0

#E03FDB

Tetradic

#8AE03F

#3FDBE0

#953FE0

#E0443F

Color Blindness Simulation

Original

#8AE03F

Protanopia

#AFB066

Deuteranopia

#AAA46F

Tritanopia

#8E858B

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#DAF5C2
300
#BFEE96
400
#9CE55D
500
#79DC23
600
#61B01C
700
#4E8D17
800
#3D6E12
900
#2E5011
950
#1D320B

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026