#768369

#768369

Color Values

HEX

#768369

RGB

118, 131, 105

HSL

90.0, 11.0%, 46.3%

HSV

90.0, 19.8%, 51.4%

CMYK

9.9%, 0.0%, 19.8%, 48.6%

OKLCH

0.5918 0.0414 129.3

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#768369

#766983

Analogous

#838369

#698369

#768369

Triadic

#768369

#697683

#836976

Split Complementary

#768369

#696983

#836983

Tetradic

#768369

#698383

#766983

#836969

Color Blindness Simulation

Original

#768369

Protanopia

#7C7C6F

Deuteranopia

#7B7A71

Tritanopia

#777475

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBDFD7
300
#C2C9BB
400
#A1AB96
500
#808E71
600
#66715B
700
#525B49
800
#404739
900
#30352C
950
#1F221C

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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