#696791

#696791

Color Values

HEX

#696791

RGB

105, 103, 145

HSL

242.9, 16.9%, 48.6%

HSV

242.9, 29.0%, 56.9%

CMYK

27.6%, 29.0%, 0.0%, 43.1%

OKLCH

0.5324 0.0654 286.1

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#696791

#8F9167

Analogous

#677A91

#7E6791

#696791

Triadic

#696791

#916967

#679169

Split Complementary

#696791

#917E67

#7A9167

Tetradic

#696791

#91677A

#8F9167

#67917E

Color Blindness Simulation

Original

#696791

Protanopia

#686887

Deuteranopia

#686884

Tritanopia

#697F7D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D6D5E1
300
#B8B7CC
400
#9291B1
500
#6C6A95
600
#565577
700
#45445F
800
#36354B
900
#2A2938
950
#1A1A23

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

3.95:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026