#74BE22

#74BE22

Color Values

HEX

#74BE22

RGB

116, 190, 34

HSL

88.5, 69.6%, 43.9%

HSV

88.5, 82.1%, 74.5%

CMYK

38.9%, 0.0%, 82.1%, 25.5%

OKLCH

0.7254 0.1925 132.8

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#74BE22

#6C22BE

Analogous

#BEBA22

#26BE22

#74BE22

Triadic

#74BE22

#2274BE

#BE2274

Split Complementary

#74BE22

#2226BE

#BA22BE

Tetradic

#74BE22

#22BEBA

#6C22BE

#BE2226

Color Blindness Simulation

Original

#74BE22

Protanopia

#949548

Deuteranopia

#908A51

Tritanopia

#78666C

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DDF4C2
300
#C4EC97
400
#A4E25F
500
#84D827
600
#6AAD1F
700
#548A19
800
#426C13
900
#324F12
950
#20320B

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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