#697DA3

#697DA3

Color Values

HEX

#697DA3

RGB

105, 125, 163

HSL

219.3, 24.0%, 52.5%

HSV

219.3, 35.6%, 63.9%

CMYK

35.6%, 23.3%, 0.0%, 36.1%

OKLCH

0.5885 0.0632 263.0

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#697DA3

#A38F69

Analogous

#699AA3

#7269A3

#697DA3

Triadic

#697DA3

#A3697D

#7DA369

Split Complementary

#697DA3

#A37269

#9AA369

Tetradic

#697DA3

#A3699A

#A38F69

#69A372

Color Blindness Simulation

Original

#697DA3

Protanopia

#72729A

Deuteranopia

#706F98

Tritanopia

#6A9391

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF1
200
#D3D9E4
300
#B3BDD0
400
#8A9AB7
500
#61769E
600
#4E5E7E
700
#3E4C65
800
#303B4F
900
#262D3B
950
#181D25

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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