#697EC2 Color

Color Information

HEX#697EC2
RGB105, 126, 194
HSL226° , 42% , 59%
HSV226° , 46% , 76%
CMYK46%, 35%, 0%, 24%

Lighter Shades

#7B8DC9 #8D9DD1 #9FACD8 #B1BCDF #C3CBE7 #D5DBEE

Darker Shades

#5C6FAB #506093 #43517C #374265 #2A324E #1D2336

Complementary Palette

#5A6CA7 #697EC2 #A7965C #C2AE6B #CBB980 #7E90CB

Analogous Palette

#78929B #7FA1AD #6376B6 #697EC2 #8C7FAD #9489B3

Triadic Palette

#5C6FAB #697EC2 #CD6079 #D37389 #79CD60 #6AB454

Split Complementary Palette

#5F71AF #697EC2 #C2826B #C88F7A #ABC26B #9AAF60

Square Palette

#586AA3 #697EC2 #B875A6 #B8A875 #6BC282 #83CC96

Tetradic Palette

#56679F #697EC2 #B858D5 #C2AE6B #75D558 #8EDD76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #697EC2 contains 105 red, 126 green, and 194 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.43:1