#7AFF72

#7AFF72

Color Values

HEX

#7AFF72

RGB

122, 255, 114

HSL

116.6, 100.0%, 72.4%

HSV

116.6, 55.3%, 100.0%

CMYK

52.2%, 0.0%, 55.3%, 0.0%

OKLCH

0.8948 0.2167 142.5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7AFF72

#F772FF

Analogous

#C1FF72

#72FFB1

#7AFF72

Triadic

#7AFF72

#727AFF

#FF727A

Split Complementary

#7AFF72

#B172FF

#FF72C1

Tetradic

#7AFF72

#72C1FF

#F772FF

#FFB172

Color Blindness Simulation

Original

#7AFF72

Protanopia

#B4B594

Deuteranopia

#ACA29C

Tritanopia

#81AFB5

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDE
200
#BCFFB8
300
#8CFF85
400
#4DFF42
500
#0EFF00
600
#0CCC00
700
#09A300
800
#078000
900
#0A5C05
950
#063A03

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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