#696BDE Color

Color Information

HEX	#696BDE
RGB	105, 107, 222
HSL	239° , 64% , 64%
HSV	239° , 53% , 87%
CMYK	53%, 52%, 0%, 13%

Lighter Shades

#7B7DE2 #8D8FE6 #9FA0EA #B1B2EE #C3C4F2 #D5D6F6

Darker Shades

#5C5EC3 #5051A9 #43448E #373873 #2A2B59 #1D1E3E

Complementary Palette

#5A5CBF #696BDE #BFBD59 #DEDC68 #E3E17D #7E80E3

Analogous Palette

#7698B7 #7BA5CC #6365D1 #696BDE #A27BCC #AA86D0

Triadic Palette

#5C5EC3 #696BDE #E75F62 #EA7275 #62E75F #56CB54

Split Complementary Palette

#5F60C8 #696BDE #DEA168 #E1AA77 #A5DE68 #95C85E

Square Palette

#585ABA #696BDE #D572A5 #D5D372 #68DEA1 #80E3B0

Tetradic Palette

#5658B6 #696BDE #EC58EE #DEDC68 #5AEE58 #78F176

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #696BDE contains 105 red, 107 green, and 222 blue.

Contrast Ratio: 4.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.79:1