#74D80F

#74D80F

Color Values

HEX

#74D80F

RGB

116, 216, 15

HSL

89.9, 87.0%, 45.3%

HSV

89.9, 93.1%, 84.7%

CMYK

46.3%, 0.0%, 93.1%, 15.3%

OKLCH

0.7897 0.2271 134.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#74D80F

#730FD8

Analogous

#D8D80F

#0FD80F

#74D80F

Triadic

#74D80F

#0F74D8

#D80F74

Split Complementary

#74D80F

#0F0FD8

#D80FD8

Tetradic

#74D80F

#0FD8D8

#730FD8

#D80F0F

Color Blindness Simulation

Original

#74D80F

Protanopia

#9FA040

Deuteranopia

#9A924B

Tritanopia

#79666E

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DBFABC
300
#C2F78D
400
#A1F34F
500
#80EE11
600
#66BF0D
700
#52990B
800
#407708
900
#31560B
950
#1F3707

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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