#778B75

#778B75

Color Values

HEX

#778B75

RGB

119, 139, 117

HSL

114.5, 8.7%, 50.2%

HSV

114.5, 15.8%, 54.5%

CMYK

14.4%, 0.0%, 15.8%, 45.5%

OKLCH

0.6144 0.04 142.6

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#778B75

#89758B

Analogous

#828B75

#758B7E

#778B75

Triadic

#778B75

#75778B

#8B7577

Split Complementary

#778B75

#7E758B

#8B7582

Tetradic

#778B75

#75828B

#89758B

#8B7E75

Color Blindness Simulation

Original

#778B75

Protanopia

#80807A

Deuteranopia

#7E7D7C

Tritanopia

#787F7F

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED8
300
#BDC7BC
400
#9AA998
500
#768B74
600
#5F6F5D
700
#4C594B
800
#3B453A
900
#2D342D
950
#1D211C

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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