#8BF489

#8BF489

Color Values

HEX

#8BF489

RGB

139, 244, 137

HSL

118.9, 82.9%, 74.7%

HSV

118.9, 43.9%, 95.7%

CMYK

43.0%, 0.0%, 43.9%, 4.3%

OKLCH

0.8786 0.1737 143.5

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#8BF489

#F289F4

Analogous

#C0F489

#89F4BD

#8BF489

Triadic

#8BF489

#898BF4

#F4898B

Split Complementary

#8BF489

#BD89F4

#F489C0

Tetradic

#8BF489

#89C0F4

#F289F4

#F4BD89

Color Blindness Simulation

Original

#8BF489

Protanopia

#B8B9A3

Deuteranopia

#B2AAA9

Tritanopia

#90B7BC

Achromatopsia

#D6D6D6

CSS Usage

background-color: #8BF489;
color: #8BF489;
border-color: #8BF489;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BFF9BE
300
#91F58F
400
#55EF52
500
#1AE916
600
#15BB11
700
#10950E
800
#0D750B
900
#0E550C
950
#093508

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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