#786897

#786897

Color Values

HEX

#786897

RGB

120, 104, 151

HSL

260.4, 18.4%, 50.0%

HSV

260.4, 31.1%, 59.2%

CMYK

20.5%, 31.1%, 0.0%, 40.8%

OKLCH

0.5507 0.0739 299.6

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#786897

#879768

Analogous

#687097

#8F6897

#786897

Triadic

#786897

#977868

#689778

Split Complementary

#786897

#978F68

#709768

Tetradic

#786897

#976870

#879768

#68978F

Color Blindness Simulation

Original

#786897

Protanopia

#71718C

Deuteranopia

#727389

Tritanopia

#778381

Achromatopsia

#6F6F6F

CSS Usage

background-color: #786897;
color: #786897;
border-color: #786897;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BEB7CD
400
#9B8FB2
500
#786897
600
#605379
700
#4D4361
800
#3C344B
900
#2E2838
950
#1D1A24

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026