#696B96

#696B96

Color Values

HEX

#696B96

RGB

105, 107, 150

HSL

237.3, 17.6%, 50.0%

HSV

237.3, 30.0%, 58.8%

CMYK

30.0%, 28.7%, 0.0%, 41.2%

OKLCH

0.5433 0.0669 281.9

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#696B96

#969469

Analogous

#698296

#7D6996

#696B96

Triadic

#696B96

#96696B

#6B9669

Split Complementary

#696B96

#967D69

#829669

Tetradic

#696B96

#966982

#969469

#69967D

Color Blindness Simulation

Original

#696B96

Protanopia

#6A6A8C

Deuteranopia

#6A6A89

Tritanopia

#698382

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EAEBF0
200
#D5D6E2
300
#B7B8CD
400
#9092B1
500
#696B96
600
#545678
700
#434560
800
#35364B
900
#292938
950
#1A1A23

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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