#74D675

#74D675

Color Values

HEX

#74D675

RGB

116, 214, 117

HSL

120.6, 54.4%, 64.7%

HSV

120.6, 45.8%, 83.9%

CMYK

45.8%, 0.0%, 45.3%, 16.1%

OKLCH

0.7932 0.1624 144.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#74D675

#D674D5

Analogous

#A4D674

#74D6A6

#74D675

Triadic

#74D675

#7574D6

#D67574

Split Complementary

#74D675

#A674D6

#D674A4

Tetradic

#74D675

#74A4D6

#D674D5

#D6A674

Color Blindness Simulation

Original

#74D675

Protanopia

#9E9F8C

Deuteranopia

#999192

Tritanopia

#799FA3

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E5
200
#C8EFC8
300
#A1E3A1
400
#6DD46E
500
#3AC53C
600
#2F9D30
700
#257E26
800
#1D621E
900
#194819
950
#102E10

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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