#696FC4 Color

Color Information

HEX#696FC4
RGB105, 111, 196
HSL236° , 44% , 59%
HSV236° , 46% , 77%
CMYK46%, 43%, 0%, 23%

Lighter Shades

#7B80CB #8D92D2 #9FA3D9 #B1B4E0 #C3C5E7 #D5D7EE

Darker Shades

#5C62AC #505495 #43477D #373A66 #2A2C4E #1D1F37

Complementary Palette

#5A5FA9 #696FC4 #A9A359 #C4BE68 #CCC77D #7E83CC

Analogous Palette

#778C9C #7D9BB0 #6368B8 #696FC4 #937DB0 #9B87B5

Triadic Palette

#5C62AC #696FC4 #CF5E67 #D57179 #67CF5E #5BB653

Split Complementary Palette

#5F64B0 #696FC4 #C49068 #CA9B77 #9DC468 #8DB05E

Square Palette

#585DA5 #696FC4 #BA739C #BAB573 #68C490 #80CDA2

Tetradic Palette

#565BA1 #696FC4 #CF56D7 #C4BE68 #60D756 #7DDE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #696FC4 contains 105 red, 111 green, and 196 blue.

Contrast Ratio: 4.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.71:1