#7AF085

#7AF085

Color Values

HEX

#7AF085

RGB

122, 240, 133

HSL

125.6, 79.7%, 71.0%

HSV

125.6, 49.2%, 94.1%

CMYK

49.2%, 0.0%, 44.6%, 5.9%

OKLCH

0.8612 0.1805 145.7

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#7AF085

#F07AE5

Analogous

#AAF07A

#7AF0C0

#7AF085

Triadic

#7AF085

#857AF0

#F0857A

Split Complementary

#7AF085

#C07AF0

#F07AAA

Tetradic

#7AF085

#7AAAF0

#F07AE5

#F0C07A

Color Blindness Simulation

Original

#7AF085

Protanopia

#ADAE9F

Deuteranopia

#A69DA5

Tritanopia

#80B3B8

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BFF8C4
300
#91F39A
400
#55EC63
500
#1AE52D
600
#15B724
700
#11931D
800
#0D7316
900
#0E5314
950
#09350D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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