#7DF479

#7DF479

Color Values

HEX

#7DF479

RGB

125, 244, 121

HSL

118.0, 84.8%, 71.6%

HSV

118.0, 50.4%, 95.7%

CMYK

48.8%, 0.0%, 50.4%, 4.3%

OKLCH

0.8703 0.1953 143.1

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7DF479

#F079F4

Analogous

#BBF479

#79F4B2

#7DF479

Triadic

#7DF479

#797DF4

#F4797D

Split Complementary

#7DF479

#B279F4

#F479BB

Tetradic

#7DF479

#79BBF4

#F079F4

#F4B279

Color Blindness Simulation

Original

#7DF479

Protanopia

#B1B297

Deuteranopia

#AAA19E

Tritanopia

#83AEB3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFFABD
300
#91F68E
400
#56F151
500
#1BEC13
600
#15BC10
700
#11970C
800
#0D760A
900
#0E550B
950
#093607

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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