#8BE982

#8BE982

Color Values

HEX

#8BE982

RGB

139, 233, 130

HSL

114.8, 70.1%, 71.2%

HSV

114.8, 44.2%, 91.4%

CMYK

40.3%, 0.0%, 44.2%, 8.6%

OKLCH

0.8515 0.1648 142.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8BE982

#E082E9

Analogous

#BEE982

#82E9AD

#8BE982

Triadic

#8BE982

#828BE9

#E9828B

Split Complementary

#8BE982

#AD82E9

#E982BE

Tetradic

#8BE982

#82BEE9

#E082E9

#E9AD82

Color Blindness Simulation

Original

#8BE982

Protanopia

#B4B59B

Deuteranopia

#AEA7A1

Tritanopia

#90AFB3

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E4F8E3
200
#C7F4C2
300
#9EED97
400
#6AE35F
500
#36D926
600
#2BAE1E
700
#228B18
800
#1B6C13
900
#174F12
950
#0F320B

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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