#8AE48F

#8AE48F

Color Values

HEX

#8AE48F

RGB

138, 228, 143

HSL

123.3, 62.5%, 71.8%

HSV

123.3, 39.5%, 89.4%

CMYK

39.5%, 0.0%, 37.3%, 10.6%

OKLCH

0.8414 0.1455 145.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8AE48F

#E48ADF

Analogous

#B2E48A

#8AE4BC

#8AE48F

Triadic

#8AE48F

#8F8AE4

#E48F8A

Split Complementary

#8AE48F

#BC8AE4

#E48AB2

Tetradic

#8AE48F

#8AB2E4

#E48ADF

#E4BC8A

Color Blindness Simulation

Original

#8AE48F

Protanopia

#B1B2A4

Deuteranopia

#ACA5A8

Tritanopia

#8EB4B7

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E5
200
#C5F2C7
300
#9CE8A0
400
#66DC6C
500
#30CF39
600
#26A62D
700
#1F8524
800
#18681C
900
#154C18
950
#0D300F

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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