#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026