#696D8A Color

Color Information

HEX#696D8A
RGB105, 109, 138
HSL233° , 14% , 48%
HSV233° , 24% , 54%
CMYK24%, 21%, 0%, 46%

Lighter Shades

#7B7F98 #8D90A6 #9FA2B4 #B1B3C2 #C3C5D0 #D5D6DE

Darker Shades

#5C6079 #505369 #434658 #373948 #2A2C37 #1D1F27

Complementary Palette

#5A5E77 #696D8A #78755A #8C8869 #9C997E #7E819A

Analogous Palette

#5F7481 #687E8D #636682 #696D8A #76688D #807297

Triadic Palette

#5C6079 #696D8A #985D64 #A47077 #64985D #588652

Split Complementary Palette

#5F627C #696D8A #8C7669 #988478 #7E8C69 #717E5F

Square Palette

#585C74 #696D8A #8D687E #8D8868 #698C76 #819E8C

Tetradic Palette

#565971 #696D8A #9853A2 #8C8869 #5CA253 #79B372

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696D8A contains 105 red, 109 green, and 138 blue.

Contrast Ratio: 5.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.18:1