#7ED13F

#7ED13F

Color Values

HEX

#7ED13F

RGB

126, 209, 63

HSL

94.1, 61.3%, 53.3%

HSV

94.1, 69.9%, 82.0%

CMYK

39.7%, 0.0%, 69.9%, 18.0%

OKLCH

0.7793 0.195 134.6

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7ED13F

#923FD1

Analogous

#C7D13F

#3FD149

#7ED13F

Triadic

#7ED13F

#3F7ED1

#D13F7E

Split Complementary

#7ED13F

#493FD1

#D13FC7

Tetradic

#7ED13F

#3FC7D1

#923FD1

#D1493F

Color Blindness Simulation

Original

#7ED13F

Protanopia

#A2A362

Deuteranopia

#9D976B

Tritanopia

#827E84

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D8F1C5
300
#BDE79C
400
#99DA67
500
#75CE31
600
#5DA527
700
#4B8420
800
#3A6719
900
#2D4B16
950
#1C2F0E

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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