#696CAC Color

Color Information

HEX	#696CAC
RGB	105, 108, 172
HSL	237° , 29% , 54%
HSV	237° , 39% , 67%
CMYK	39%, 37%, 0%, 33%

Lighter Shades

#7B7EB6 #8D8FC0 #9FA1CA #B1B3D4 #C3C4DE #D5D6E8

Darker Shades

#5C5F97 #505283 #43456E #373859 #2A2B45 #1D1E30

Complementary Palette

#5A5D94 #696CAC #949059 #ACA868 #B8B47D #7E81B8

Analogous Palette

#6C8193 #788B9B #6366A2 #696CAC #87789B #9284A4

Triadic Palette

#5C5F97 #696CAC #B75C61 #C07074 #61B75C #55A151

Split Complementary Palette

#5F619B #696CAC #AC8668 #B49277 #8DAC68 #7F9B5E

Square Palette

#585B90 #696CAC #A0738C #A09D73 #68AC86 #80B999

Tetradic Palette

#56598D #696CAC #B953C1 #ACA868 #58C153 #76CC72

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696CAC contains 105 red, 108 green, and 172 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.37:1