#7AFE75

#7AFE75

Color Values

HEX

#7AFE75

RGB

122, 254, 117

HSL

117.8, 98.6%, 72.7%

HSV

117.8, 53.9%, 99.6%

CMYK

52.0%, 0.0%, 53.9%, 0.4%

OKLCH

0.8927 0.213 142.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7AFE75

#F975FE

Analogous

#BEFE75

#75FEB4

#7AFE75

Triadic

#7AFE75

#757AFE

#FE757A

Split Complementary

#7AFE75

#B475FE

#FE75BE

Tetradic

#7AFE75

#75BEFE

#F975FE

#FEB475

Color Blindness Simulation

Original

#7AFE75

Protanopia

#B3B496

Deuteranopia

#ACA29E

Tritanopia

#81B0B6

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#BBFFB8
300
#8AFE85
400
#4AFE44
500
#0BFD02
600
#09CB01
700
#07A201
800
#067F01
900
#095B05
950
#053A03

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026