#697E96

#697E96

Color Values

HEX

#697E96

RGB

105, 126, 150

HSL

212.0, 17.6%, 50.0%

HSV

212.0, 30.0%, 58.8%

CMYK

30.0%, 16.0%, 0.0%, 41.2%

OKLCH

0.5852 0.0444 252.0

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#697E96

#968169

Analogous

#699496

#6B6996

#697E96

Triadic

#697E96

#96697E

#7E9669

Split Complementary

#697E96

#966B69

#949669

Tetradic

#697E96

#966994

#968169

#69966B

Color Blindness Simulation

Original

#697E96

Protanopia

#727290

Deuteranopia

#716F8F

Tritanopia

#6A8C8B

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EAEDF0
200
#D5DBE2
300
#B7C1CD
400
#90A0B1
500
#697E96
600
#546578
700
#435160
800
#353F4B
900
#293038
950
#1A1E23

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass 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