#696CC7 Color

Color Information

HEX#696CC7
RGB105, 108, 199
HSL238° , 46% , 60%
HSV238° , 47% , 78%
CMYK47%, 46%, 0%, 22%

Lighter Shades

#7B7ECE #8D8FD4 #9FA1DB #B1B3E2 #C3C4E9 #D5D6EF

Darker Shades

#5C5FAF #505297 #43457F #373867 #2A2B50 #1D1E38

Complementary Palette

#5A5DAB #696CC7 #ACA95B #C8C56A #D0CD7F #7E81CF

Analogous Palette

#788EA1 #7E9BB4 #6366BB #696CC7 #977EB4 #9F88B9

Triadic Palette

#5C5FAF #696CC7 #D26064 #D77377 #64D260 #58B954

Split Complementary Palette

#5F61B3 #696CC7 #C8966A #CEA179 #9CC86A #8CB45F

Square Palette

#585BA7 #696CC7 #BE749B #BEBB74 #6AC896 #82D1A7

Tetradic Palette

#5659A3 #696CC7 #D658DA #C8C56A #5CDA58 #79E176

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696CC7 contains 105 red, 108 green, and 199 blue.

Contrast Ratio: 4.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.6:1