#696DB0 Color

Color Information

HEX	#696DB0
RGB	105, 109, 176
HSL	237° , 31% , 55%
HSV	237° , 40% , 69%
CMYK	40%, 38%, 0%, 31%

Lighter Shades

#7B7FB9 #8D90C3 #9FA2CC #B1B3D6 #C3C5DF #D5D6E9

Darker Shades

#5C609B #505386 #434671 #37395C #2A2C46 #1D1F31

Complementary Palette

#5A5E97 #696DB0 #97945A #B0AC69 #BBB87E #7E81BB

Analogous Palette

#6F8395 #7B8E9D #6366A5 #696DB0 #8B7B9D #9587A6

Triadic Palette

#5C609B #696DB0 #BB5D62 #C37075 #62BB5D #56A552

Split Complementary Palette

#5F629E #696DB0 #B08969 #B89578 #90B069 #829E5F

Square Palette

#585C94 #696DB0 #A4748F #A4A274 #69B089 #81BD9C

Tetradic Palette

#565990 #696DB0 #BF54C4 #B0AC69 #5AC454 #78CF73

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696DB0 contains 105 red, 109 green, and 176 blue.

Contrast Ratio: 4.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.45:1