#7AD30C

#7AD30C

Color Values

HEX

#7AD30C

RGB

122, 211, 12

HSL

86.8, 89.2%, 43.7%

HSV

86.8, 94.3%, 82.7%

CMYK

42.2%, 0.0%, 94.3%, 17.3%

OKLCH

0.78 0.2192 133.4

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7AD30C

#650CD3

Analogous

#D3C80C

#17D30C

#7AD30C

Triadic

#7AD30C

#0C7AD3

#D30C7A

Split Complementary

#7AD30C

#0C17D3

#C80CD3

Tetradic

#7AD30C

#0CD3C8

#650CD3

#D30C17

Color Blindness Simulation

Original

#7AD30C

Protanopia

#A1A13C

Deuteranopia

#9B9548

Tritanopia

#7E626B

Achromatopsia

#B2B2B2

CSS Usage

background-color: #7AD30C;
color: #7AD30C;
border-color: #7AD30C;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F8FDF2
100
#EFFBE0
200
#DFFBBB
300
#C8F88B
400
#AAF54C
500
#8CF10E
600
#70C10B
700
#599A09
800
#467907
900
#35570A
950
#213706

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026