#7AF675

#7AF675

Color Values

HEX

#7AF675

RGB

122, 246, 117

HSL

117.7, 87.8%, 71.2%

HSV

117.7, 52.4%, 96.5%

CMYK

50.4%, 0.0%, 52.4%, 3.5%

OKLCH

0.8734 0.2027 142.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7AF675

#F175F6

Analogous

#BBF675

#75F6B1

#7AF675

Triadic

#7AF675

#757AF6

#F6757A

Split Complementary

#7AF675

#B175F6

#F675BB

Tetradic

#7AF675

#75BBF6

#F175F6

#F6B175

Color Blindness Simulation

Original

#7AF675

Protanopia

#B0B194

Deuteranopia

#A89F9C

Tritanopia

#80ADB2

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEFBBC
300
#90F88C
400
#54F34E
500
#18EF10
600
#13C00C
700
#0F990A
800
#0C7808
900
#0D570A
950
#083706

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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