#788168

#788168

Color Values

HEX

#788168

RGB

120, 129, 104

HSL

81.6, 10.7%, 45.7%

HSV

81.6, 19.4%, 50.6%

CMYK

7.0%, 0.0%, 19.4%, 49.4%

OKLCH

0.5886 0.0384 123.7

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#788168

#716881

Analogous

#817E68

#6C8168

#788168

Triadic

#788168

#687881

#816878

Split Complementary

#788168

#686C81

#7E6881

Tetradic

#788168

#68817E

#716881

#81686C

Color Blindness Simulation

Original

#788168

Protanopia

#7C7C6E

Deuteranopia

#7B7B70

Tritanopia

#787374

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DCDFD7
300
#C4C8BB
400
#A3AB97
500
#838D72
600
#69715B
700
#545A49
800
#424739
900
#32352C
950
#1F221C

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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