#74983F

#74983F

Color Values

HEX

#74983F

RGB

116, 152, 63

HSL

84.3, 41.4%, 42.2%

HSV

84.3, 58.6%, 59.6%

CMYK

23.7%, 0.0%, 58.6%, 40.4%

OKLCH

0.6332 0.1246 128.0

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#74983F

#633F98

Analogous

#98903F

#48983F

#74983F

Triadic

#74983F

#3F7498

#983F74

Split Complementary

#74983F

#3F4898

#903F98

Tetradic

#74983F

#3F9890

#633F98

#983F48

Color Blindness Simulation

Original

#74983F

Protanopia

#848455

Deuteranopia

#827F5A

Tritanopia

#766669

Achromatopsia

#8A8A8A

CSS Usage

background-color: #74983F;
color: #74983F;
border-color: #74983F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEEACD
300
#C7DBA8
400
#A8C87A
500
#8AB44B
600
#6E903C
700
#587330
800
#455A25
900
#34431E
950
#212A13

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.31:1

AA Pass AAA Fail

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