#7EDD36

#7EDD36

Color Values

HEX

#7EDD36

RGB

126, 221, 54

HSL

94.1, 71.1%, 53.9%

HSV

94.1, 75.6%, 86.7%

CMYK

43.0%, 0.0%, 75.6%, 13.3%

OKLCH

0.8081 0.2146 135.1

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7EDD36

#9536DD

Analogous

#D2DD36

#36DD41

#7EDD36

Triadic

#7EDD36

#367EDD

#DD367E

Split Complementary

#7EDD36

#4136DD

#DD36D2

Tetradic

#7EDD36

#36D2DD

#9536DD

#DD4136

Color Blindness Simulation

Original

#7EDD36

Protanopia

#A7A85E

Deuteranopia

#A29A68

Tritanopia

#837E85

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C2
300
#BCED96
400
#97E45E
500
#73DA25
600
#5CAF1D
700
#4A8C18
800
#3A6D12
900
#2C4F11
950
#1C320B

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026