#696D9B Color

Color Information

HEX#696D9B
RGB105, 109, 155
HSL235° , 20% , 51%
HSV235° , 32% , 61%
CMYK32%, 30%, 0%, 39%

Lighter Shades

#7B7FA7 #8D90B3 #9FA2BF #B1B3CB #C3C5D7 #D5D6E3

Darker Shades

#5C6088 #505376 #434663 #373951 #2A2C3E #1D1F2B

Complementary Palette

#5A5E85 #696D9B #85825A #9B9769 #A9A67E #7E81A9

Analogous Palette

#667A8A #6F8595 #636692 #696D9B #7F6F95 #897B9D

Triadic Palette

#5C6088 #696D9B #A85D63 #B27076 #63A85D #579452

Split Complementary Palette

#5F628C #696D9B #9B7E69 #A58B78 #869B69 #798C5F

Square Palette

#585C82 #696D9B #956F85 #95926F #699B7E #81AB93

Tetradic Palette

#56597F #696D9B #AA53B2 #9B9769 #5AB253 #78C072

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696D9B contains 105 red, 109 green, and 155 blue.

Contrast Ratio: 4.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.29:1