#786A7D

#786A7D

Color Values

HEX

#786A7D

RGB

120, 106, 125

HSL

284.2, 8.2%, 45.3%

HSV

284.2, 15.2%, 49.0%

CMYK

4.0%, 15.2%, 0.0%, 51.0%

OKLCH

0.5439 0.0336 317.2

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#786A7D

#6F7D6A

Analogous

#6F6A7D

#7D6A79

#786A7D

Triadic

#786A7D

#7D786A

#6A7D78

Split Complementary

#786A7D

#797D6A

#6A7D6F

Tetradic

#786A7D

#7D6F6A

#6F7D6A

#6A797D

Color Blindness Simulation

Original

#786A7D

Protanopia

#727278

Deuteranopia

#737477

Tritanopia

#777574

Achromatopsia

#6E6E6E

CSS Usage

background-color: #786A7D;
color: #786A7D;
border-color: #786A7D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD8DE
300
#C4BDC7
400
#A499A8
500
#84758A
600
#6A5E6E
700
#554B58
800
#423B45
900
#322D34
950
#201C21

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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