#7DF973

#7DF973

Color Values

HEX

#7DF973

RGB

125, 249, 115

HSL

115,5, 91,8%, 71,4%

HSV

115,5, 53,8%, 97,6%

CMYK

49,8%, 0,0%, 53,8%, 2,4%

OKLCH

0,8816 0,2069 142,2

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7DF973

#EF73F9

Analogous

#C0F973

#73F9AC

#7DF973

Triadic

#7DF973

#737DF9

#F9737D

Split Complementary

#7DF973

#AC73F9

#F973C0

Tetradic

#7DF973

#73C0F9

#EF73F9

#F9AC73

Color Blindness Simulation

Original

#7DF973

Protanopia

#B3B493

Deuteranopia

#ACA29B

Tritanopia

#83ADB3

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F2FDF1
100
#E1FBDF
200
#BFFCBB
300
#92FA8A
400
#57F74A
500
#1CF50A
600
#16C408
700
#129D07
800
#0E7A05
900
#0E5808
950
#093805

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026