#78666B

#78666B

Color Values

HEX

#78666B

RGB

120, 102, 107

HSL

343.3, 8.1%, 43.5%

HSV

343.3, 15.0%, 47.1%

CMYK

0.0%, 15.0%, 10.8%, 52.9%

OKLCH

0.5291 0.0241 359.3

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#78666B

#667873

Analogous

#786674

#786A66

#78666B

Triadic

#78666B

#6B7866

#666B78

Split Complementary

#78666B

#66786A

#667478

Tetradic

#78666B

#747866

#667873

#6A6678

Color Blindness Simulation

Original

#78666B

Protanopia

#70706A

Deuteranopia

#717369

Tritanopia

#776969

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DA
300
#C7BDC0
400
#A8999D
500
#8A757B
600
#6E5E62
700
#584B4F
800
#453B3D
900
#342D2F
950
#211C1E

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

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