#697996

#697996

Color Values

HEX

#697996

RGB

105, 121, 150

HSL

218.7, 17.6%, 50.0%

HSV

218.7, 30.0%, 58.8%

CMYK

30.0%, 19.3%, 0.0%, 41.2%

OKLCH

0.574 0.0488 262.2

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#697996

#968669

Analogous

#698F96

#706996

#697996

Triadic

#697996

#966979

#799669

Split Complementary

#697996

#967069

#8F9669

Tetradic

#697996

#96698F

#968669

#699670

Color Blindness Simulation

Original

#697996

Protanopia

#70708F

Deuteranopia

#6F6E8D

Tritanopia

#6A8988

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EAECF0
200
#D5D9E2
300
#B7BFCD
400
#909CB1
500
#697996
600
#546178
700
#434D60
800
#353C4B
900
#292E38
950
#1A1D23

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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