#74CE2F

#74CE2F

Color Values

HEX

#74CE2F

RGB

116, 206, 47

HSL

94,0, 62,8%, 49,6%

HSV

94,0, 77,2%, 80,8%

CMYK

43,7%, 0,0%, 77,2%, 19,2%

OKLCH

0,7659 0,2054 135,1

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#74CE2F

#892FCE

Analogous

#C3CE2F

#2FCE3A

#74CE2F

Triadic

#74CE2F

#2F74CE

#CE2F74

Split Complementary

#74CE2F

#3A2FCE

#CE2FC3

Tetradic

#74CE2F

#2FC3CE

#892FCE

#CE3A2F

Color Blindness Simulation

Original

#74CE2F

Protanopia

#9B9C55

Deuteranopia

#968F5F

Tritanopia

#78747B

Achromatopsia

#AFAFAF

CSS Usage

background-color: #74CE2F;
color: #74CE2F;
border-color: #74CE2F;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D8F2C5
300
#BDE89B
400
#99DC65
500
#75D02F
600
#5DA626
700
#4B851E
800
#3A6818
900
#2D4C15
950
#1C300D

Contrast Checker

Text on white

1,98:1

AA Fail AAA Fail

Text on black

10,61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026