#696996

#696996

Color Values

HEX

#696996

RGB

105, 105, 150

HSL

240.0, 17.6%, 50.0%

HSV

240.0, 30.0%, 58.8%

CMYK

30.0%, 30.0%, 0.0%, 41.2%

OKLCH

0.539 0.0699 283.8

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#696996

#969669

Analogous

#698096

#806996

#696996

Triadic

#696996

#966969

#699669

Split Complementary

#696996

#968069

#809669

Tetradic

#696996

#966980

#969669

#699680

Color Blindness Simulation

Original

#696996

Protanopia

#69698B

Deuteranopia

#696988

Tritanopia

#698381

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EAEAF0
200
#D5D5E2
300
#B7B7CD
400
#9090B1
500
#696996
600
#545478
700
#434360
800
#35354B
900
#292938
950
#1A1A23

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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