#8BDF7C

#8BDF7C

Color Values

HEX

#8BDF7C

RGB

139, 223, 124

HSL

110,9, 60,7%, 68,0%

HSV

110,9, 44,4%, 87,5%

CMYK

37,7%, 0,0%, 44,4%, 12,5%

OKLCH

0,8269 0,1563 140,7

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8BDF7C

#D07CDF

Analogous

#BCDF7C

#7CDF9E

#8BDF7C

Triadic

#8BDF7C

#7C8BDF

#DF7C8B

Split Complementary

#8BDF7C

#9E7CDF

#DF7CBC

Tetradic

#8BDF7C

#7CBCDF

#D07CDF

#DF9E7C

Color Blindness Simulation

Original

#8BDF7C

Protanopia

#AFB094

Deuteranopia

#AAA49A

Tritanopia

#8FA7AB

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F6E4
200
#CCF1C6
300
#A8E79D
400
#79DA67
500
#4ACD32
600
#3BA428
700
#2F8320
800
#256619
900
#1E4B16
950
#132F0E

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,94: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