#7AF06F

#7AF06F

Color Values

HEX

#7AF06F

RGB

122, 240, 111

HSL

114.9, 81.1%, 68.8%

HSV

114.9, 53.8%, 94.1%

CMYK

49.2%, 0.0%, 53.8%, 5.9%

OKLCH

0.8581 0.2001 142.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7AF06F

#E56FF0

Analogous

#BAF06F

#6FF0A4

#7AF06F

Triadic

#7AF06F

#6F7AF0

#F06F7A

Split Complementary

#7AF06F

#A46FF0

#F06FBA

Tetradic

#7AF06F

#6FBAF0

#E56FF0

#F0A46F

Color Blindness Simulation

Original

#7AF06F

Protanopia

#ADAE8E

Deuteranopia

#A69D96

Tritanopia

#80A7AC

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C3F8BE
300
#99F390
400
#61ED54
500
#2AE718
600
#21B913
700
#1B940F
800
#15730C
900
#13540D
950
#0C3508

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026