#8BF386

#8BF386

Color Values

HEX

#8BF386

RGB

139, 243, 134

HSL

117.2, 82.0%, 73.9%

HSV

117.2, 44.9%, 95.3%

CMYK

42.8%, 0.0%, 44.9%, 4.7%

OKLCH

0.8758 0.1751 143.0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#8BF386

#EE86F3

Analogous

#C2F386

#86F3B7

#8BF386

Triadic

#8BF386

#868BF3

#F3868B

Split Complementary

#8BF386

#B786F3

#F386C2

Tetradic

#8BF386

#86C2F3

#EE86F3

#F3B786

Color Blindness Simulation

Original

#8BF386

Protanopia

#B8B9A0

Deuteranopia

#B2AAA7

Tritanopia

#90B5BA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E2FAE1
200
#C1F9BE
300
#94F490
400
#5BEE53
500
#21E817
600
#1ABA12
700
#15950F
800
#10740B
900
#10540D
950
#0A3508

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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