#788C74

#788C74

Color Values

HEX

#788C74

RGB

120, 140, 116

HSL

110.0, 9.4%, 50.2%

HSV

110.0, 17.1%, 54.9%

CMYK

14.3%, 0.0%, 17.1%, 45.1%

OKLCH

0.6172 0.0423 140.4

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#788C74

#88748C

Analogous

#848C74

#748C7C

#788C74

Triadic

#788C74

#74788C

#8C7478

Split Complementary

#788C74

#7C748C

#8C7484

Tetradic

#788C74

#74848C

#88748C

#8C7C74

Color Blindness Simulation

Original

#788C74

Protanopia

#81817A

Deuteranopia

#807E7B

Tritanopia

#797E7F

Achromatopsia

#868686

CSS Usage

background-color: #788C74;
color: #788C74;
border-color: #788C74;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D9DFD8
300
#BEC8BC
400
#9BAA98
500
#788B74
600
#60705C
700
#4C594A
800
#3C463A
900
#2E352C
950
#1D211C

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026