#697DF2 Color

Color Information

HEX	#697DF2
RGB	105, 125, 242
HSL	231° , 84% , 68%
HSV	231° , 57% , 95%
CMYK	57%, 48%, 0%, 5%

Lighter Shades

#7B8DF4 #8D9CF5 #9FACF7 #B1BBF8 #C3CBFA #D5DBFB

Darker Shades

#5C6ED5 #505FB8 #43509B #37417E #2A3261 #1D2344

Complementary Palette

#5A6CD0 #697DF2 #D0BE5A #F2DD69 #F4E27E #7E8FF4

Analogous Palette

#75AECC #79BDE2 #6376E3 #697DF2 #9E79E2 #A786E4

Triadic Palette

#5C6ED5 #697DF2 #FA6178 #FB7488 #78FA61 #6ADC55

Split Complementary Palette

#5F71DA #697DF2 #F29969 #F3A378 #C2F269 #AFDA5F

Square Palette

#5869CB #697DF2 #EA71C0 #EAD871 #69F299 #81F4A9

Tetradic Palette

#5667C6 #697DF2 #E75CFF #F2DD69 #74FF5C #8DFF79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #697DF2 contains 105 red, 125 green, and 242 blue.

Contrast Ratio: 3.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.87:1