#786469

#786469

Color Values

HEX

#786469

RGB

120, 100, 105

HSL

345.0, 9.1%, 43.1%

HSV

345.0, 16.7%, 47.1%

CMYK

0.0%, 16.7%, 12.5%, 52.9%

OKLCH

0.5242 0.0266 1.3

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#786469

#647873

Analogous

#786473

#786964

#786469

Triadic

#786469

#697864

#646978

Split Complementary

#786469

#647869

#647378

Tetradic

#786469

#737864

#647873

#696478

Color Blindness Simulation

Original

#786469

Protanopia

#6F6F68

Deuteranopia

#707268

Tritanopia

#776767

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8DA
300
#C7BCBF
400
#A9989C
500
#8B747A
600
#6F5D61
700
#594A4E
800
#463A3D
900
#342C2E
950
#211C1D

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail 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