#74F06F

#74F06F

Color Values

HEX

#74F06F

RGB

116, 240, 111

HSL

117.7, 81.1%, 68.8%

HSV

117.7, 53.8%, 94.1%

CMYK

51.7%, 0.0%, 53.8%, 5.9%

OKLCH

0.8558 0.2029 142.9

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#74F06F

#EB6FF0

Analogous

#B4F06F

#6FF0AA

#74F06F

Triadic

#74F06F

#6F74F0

#F06F74

Split Complementary

#74F06F

#AA6FF0

#F06FB4

Tetradic

#74F06F

#6FB4F0

#EB6FF0

#F0AA6F

Color Blindness Simulation

Original

#74F06F

Protanopia

#AAAB8E

Deuteranopia

#A29996

Tritanopia

#7AA7AC

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E2F9E1
200
#C1F8BE
300
#94F390
400
#5AED54
500
#20E718
600
#1AB913
700
#14940F
800
#10730C
900
#10540D
950
#0A3508

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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