#7AD236

#7AD236

Color Values

HEX

#7AD236

RGB

122, 210, 54

HSL

93.8, 63.4%, 51.8%

HSV

93.8, 74.3%, 82.4%

CMYK

41.9%, 0.0%, 74.3%, 17.6%

OKLCH

0.7792 0.2035 134.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7AD236

#8E36D2

Analogous

#C8D236

#36D240

#7AD236

Triadic

#7AD236

#367AD2

#D2367A

Split Complementary

#7AD236

#4036D2

#D236C8

Tetradic

#7AD236

#36C8D2

#8E36D2

#D24036

Color Blindness Simulation

Original

#7AD236

Protanopia

#A0A15C

Deuteranopia

#9B9465

Tritanopia

#7E7A80

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D8F2C5
300
#BDE99B
400
#99DC65
500
#75D02F
600
#5EA725
700
#4B851E
800
#3B6817
900
#2D4C15
950
#1C300D

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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