#697FA2

#697FA2

Color Values

HEX

#697FA2

RGB

105, 127, 162

HSL

216.8, 23.5%, 52.4%

HSV

216.8, 35.2%, 63.5%

CMYK

35.2%, 21.6%, 0.0%, 36.5%

OKLCH

0.5925 0.0597 259.6

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#697FA2

#A28C69

Analogous

#699CA2

#7069A2

#697FA2

Triadic

#697FA2

#A2697F

#7FA269

Split Complementary

#697FA2

#A27069

#9CA269

Tetradic

#697FA2

#A2699C

#A28C69

#69A270

Color Blindness Simulation

Original

#697FA2

Protanopia

#73739A

Deuteranopia

#717098

Tritanopia

#6A9391

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF1
200
#D3D9E4
300
#B3BFD0
400
#8A9CB7
500
#62799D
600
#4E617E
700
#3E4D65
800
#313C4F
900
#262E3B
950
#181D25

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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