#74786F

#74786F

Color Values

HEX

#74786F

RGB

116, 120, 111

HSL

86.7, 3.9%, 45.3%

HSV

86.7, 7.5%, 47.1%

CMYK

3.3%, 0.0%, 7.5%, 52.9%

OKLCH

0.5665 0.0144 126.5

Properties

Cool Light Nearest: RAL 7036 Platinum Grey

Color Harmonies

Complementary

#74786F

#736F78

Analogous

#78786F

#70786F

#74786F

Triadic

#74786F

#6F7478

#786F74

Split Complementary

#74786F

#6F7078

#786F78

Tetradic

#74786F

#6F7878

#736F78

#786F70

Color Blindness Simulation

Original

#74786F

Protanopia

#767671

Deuteranopia

#767572

Tritanopia

#747373

Achromatopsia

#767676

CSS Usage

background-color: #74786F;
color: #74786F;
border-color: #74786F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDDDA
300
#C2C4BF
400
#A1A49D
500
#80847B
600
#666A62
700
#52554E
800
#40423D
900
#31322F
950
#1F201E

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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