#74987F

#74987F

Color Values

HEX

#74987F

RGB

116, 152, 127

HSL

138.3, 14.9%, 52.5%

HSV

138.3, 23.7%, 59.6%

CMYK

23.7%, 0.0%, 16.4%, 40.4%

OKLCH

0.6455 0.0546 154.3

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#74987F

#98748D

Analogous

#7B9874

#749891

#74987F

Triadic

#74987F

#7F7498

#987F74

Split Complementary

#74987F

#917498

#98747B

Tetradic

#74987F

#747B98

#98748D

#989174

Color Blindness Simulation

Original

#74987F

Protanopia

#848485

Deuteranopia

#827F86

Tritanopia

#768A8B

Achromatopsia

#8F8F8F

CSS Usage

background-color: #74987F;
color: #74987F;
border-color: #74987F;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D6E1D9
300
#B9CBBE
400
#93AF9B
500
#6D9278
600
#577560
700
#455E4D
800
#36493C
900
#2A372E
950
#1A231D

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

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