#696CAB Color

Color Information

HEX	#696CAB
RGB	105, 108, 171
HSL	237° , 28% , 54%
HSV	237° , 39% , 67%
CMYK	39%, 37%, 0%, 33%

Lighter Shades

#7B7EB5 #8D8FBF #9FA1C9 #B1B3D3 #C3C4DD #D5D6E7

Darker Shades

#5C5F96 #505282 #43456D #373859 #2A2B44 #1D1E30

Complementary Palette

#5A5D93 #696CAB #93905A #ABA769 #B7B37E #7E81B7

Analogous Palette

#6C8193 #788B9B #6366A1 #696CAB #87789B #9284A4

Triadic Palette

#5C5F96 #696CAB #B65D62 #BF7075 #62B65D #56A052

Split Complementary Palette

#5F619A #696CAB #AB8669 #B39278 #8DAB69 #7F9A5F

Square Palette

#585B90 #696CAB #9F758C #9F9C75 #69AB86 #81B899

Tetradic Palette

#56598C #696CAB #B854C0 #ABA769 #59C054 #77CB73

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696CAB contains 105 red, 108 green, and 171 blue.

Contrast Ratio: 4.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.36:1