#74D86C

#74D86C

Color Values

HEX

#74D86C

RGB

116, 216, 108

HSL

115.6, 58.1%, 63.5%

HSV

115.6, 50.0%, 84.7%

CMYK

46.3%, 0.0%, 50.0%, 15.3%

OKLCH

0.7967 0.1736 142.3

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#74D86C

#D06CD8

Analogous

#AAD86C

#6CD89A

#74D86C

Triadic

#74D86C

#6C74D8

#D86C74

Split Complementary

#74D86C

#9A6CD8

#D86CAA

Tetradic

#74D86C

#6CAAD8

#D06CD8

#D89A6C

Color Blindness Simulation

Original

#74D86C

Protanopia

#9FA086

Deuteranopia

#9A928C

Tritanopia

#799B9F

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F6E4
200
#CAF0C7
300
#A3E59E
400
#72D76A
500
#40CA35
600
#33A12B
700
#298122
800
#20651B
900
#1B4A17
950
#112F0F

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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