#7DFA78

#7DFA78

Color Values

HEX

#7DFA78

RGB

125, 250, 120

HSL

117.7, 92.9%, 72.5%

HSV

117.7, 52.0%, 98.0%

CMYK

50.0%, 0.0%, 52.0%, 2.0%

OKLCH

0.8846 0.204 142.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7DFA78

#F578FA

Analogous

#BEFA78

#78FAB4

#7DFA78

Triadic

#7DFA78

#787DFA

#FA787D

Split Complementary

#7DFA78

#B478FA

#FA78BE

Tetradic

#7DFA78

#78BEFA

#F578FA

#FAB478

Color Blindness Simulation

Original

#7DFA78

Protanopia

#B3B497

Deuteranopia

#ACA29F

Tritanopia

#83B0B6

Achromatopsia

#D6D6D6

CSS Usage

background-color: #7DFA78;
color: #7DFA78;
border-color: #7DFA78;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBA
300
#8DFB89
400
#50F849
500
#12F609
600
#0FC507
700
#0C9D06
800
#097B05
900
#0B5908
950
#073805

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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