#768171

#768171

Color Values

HEX

#768171

RGB

118, 129, 113

HSL

101.2, 6.6%, 47.5%

HSV

101.2, 12.4%, 50.6%

CMYK

8.5%, 0.0%, 12.4%, 49.4%

OKLCH

0.5893 0.0272 135.8

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#768171

#7C7181

Analogous

#7E8171

#718174

#768171

Triadic

#768171

#717681

#817176

Split Complementary

#768171

#747181

#81717E

Tetradic

#768171

#717E81

#7C7181

#817471

Color Blindness Simulation

Original

#768171

Protanopia

#7B7B75

Deuteranopia

#7A7976

Tritanopia

#777879

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DADED9
300
#C0C6BE
400
#9EA79A
500
#7C8877
600
#636D5F
700
#50574C
800
#3E443C
900
#2F332E
950
#1E201D

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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