#7AFD72

#7AFD72

Color Values

HEX

#7AFD72

RGB

122, 253, 114

HSL

116,5, 97,2%, 72,0%

HSV

116,5, 54,9%, 99,2%

CMYK

51,8%, 0,0%, 54,9%, 0,8%

OKLCH

0,8899 0,2142 142,5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7AFD72

#F572FD

Analogous

#C0FD72

#72FDB0

#7AFD72

Triadic

#7AFD72

#727AFD

#FD727A

Split Complementary

#7AFD72

#B072FD

#FD72C0

Tetradic

#7AFD72

#72C0FD

#F572FD

#FDB072

Color Blindness Simulation

Original

#7AFD72

Protanopia

#B3B494

Deuteranopia

#ABA19C

Tritanopia

#81AEB4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDE
200
#BDFEB9
300
#8DFD86
400
#50FC45
500
#12FB04
600
#0EC903
700
#0CA102
800
#097E02
900
#0B5B06
950
#073904

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

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