#74DC7F

#74DC7F

Color Values

HEX

#74DC7F

RGB

116, 220, 127

HSL

126.3, 59.8%, 65.9%

HSV

126.3, 47.3%, 86.3%

CMYK

47.3%, 0.0%, 42.3%, 13.7%

OKLCH

0.8094 0.1614 146.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#74DC7F

#DC74D1

Analogous

#9DDC74

#74DCB3

#74DC7F

Triadic

#74DC7F

#7F74DC

#DC7F74

Split Complementary

#74DC7F

#B374DC

#DC749D

Tetradic

#74DC7F

#749DDC

#DC74D1

#DCB374

Color Blindness Simulation

Original

#74DC7F

Protanopia

#A1A295

Deuteranopia

#9B939B

Tritanopia

#79A7AB

Achromatopsia

#BFBFBF

CSS Usage

background-color: #74DC7F;
color: #74DC7F;
border-color: #74DC7F;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FBF4
100
#E4F6E6
200
#C6F1CA
300
#9DE6A5
400
#68D974
500
#33CC43
600
#29A336
700
#21822B
800
#1A6622
900
#164B1C
950
#0E2F12

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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