#8ADF78

#8ADF78

Color Values

HEX

#8ADF78

RGB

138, 223, 120

HSL

109.5, 61.7%, 67.3%

HSV

109.5, 46.2%, 87.5%

CMYK

38.1%, 0.0%, 46.2%, 12.5%

OKLCH

0.8257 0.1607 140.2

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8ADF78

#CD78DF

Analogous

#BEDF78

#78DF9A

#8ADF78

Triadic

#8ADF78

#788ADF

#DF788A

Split Complementary

#8ADF78

#9A78DF

#DF78BE

Tetradic

#8ADF78

#78BEDF

#CD78DF

#DF9A78

Color Blindness Simulation

Original

#8ADF78

Protanopia

#AFB091

Deuteranopia

#AAA497

Tritanopia

#8EA5A9

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F7E4
200
#CDF1C5
300
#A9E89C
400
#7BDB66
500
#4CCE31
600
#3DA527
700
#31841F
800
#266718
900
#1F4B16
950
#14300E

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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