#768C63

#768C63

Color Values

HEX

#768C63

RGB

118, 140, 99

HSL

92.2, 17.2%, 46.9%

HSV

92.2, 29.3%, 54.9%

CMYK

15.7%, 0.0%, 29.3%, 45.1%

OKLCH

0.6116 0.0648 131.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#768C63

#79638C

Analogous

#8B8C63

#638C65

#768C63

Triadic

#768C63

#63768C

#8C6376

Split Complementary

#768C63

#65638C

#8C638B

Tetradic

#768C63

#638B8C

#79638C

#8C6563

Color Blindness Simulation

Original

#768C63

Protanopia

#80806D

Deuteranopia

#7E7D6F

Tritanopia

#777576

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDF0EB
200
#DBE1D5
300
#C1CCB7
400
#9FB190
500
#7E956A
600
#657854
700
#516044
800
#3F4B35
900
#303829
950
#1E231A

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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