#696DB7 Color

Color Information

HEX#696DB7
RGB105, 109, 183
HSL237° , 35% , 56%
HSV237° , 43% , 72%
CMYK43%, 40%, 0%, 28%

Lighter Shades

#7B7FC0 #8D90C8 #9FA2D1 #B1B3DA #C3C5E2 #D5D6EB

Darker Shades

#5C60A1 #50538B #434675 #37395F #2A2C49 #1D1F33

Complementary Palette

#5A5E9D #696DB7 #9D9959 #B6B268 #C0BD7D #7E81C1

Analogous Palette

#728697 #7E90A0 #6366AC #696DB7 #8D7EA0 #978AA8

Triadic Palette

#5C60A1 #696DB7 #C15C60 #C87073 #60C15C #54AA51

Split Complementary Palette

#5F62A5 #696DB7 #B68B68 #BD9777 #93B668 #84A45E

Square Palette

#585C9A #696DB7 #AB7392 #ABA873 #68B68B #80C29E

Tetradic Palette

#565996 #696DB7 #C453CA #B6B268 #57CA53 #75D472

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696DB7 contains 105 red, 109 green, and 183 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1