#697B95 Color

Color Information

HEX#697B95
RGB105, 123, 149
HSL215° , 17% , 50%
HSV215° , 30% , 58%
CMYK30%, 17%, 0%, 42%

Lighter Shades

#7B8BA2 #8D9BAE #9FABBB #B1BAC8 #C3CAD5 #D5DAE1

Darker Shades

#5C6C83 #505D71 #434F5F #37404D #2A313C #1D222A

Complementary Palette

#5A6A80 #697B95 #80715B #95836A #A4947F #7E8DA4

Analogous Palette

#648487 #6C9093 #63748C #697B95 #6F6C93 #7B789B

Triadic Palette

#5C6C83 #697B95 #A25D7A #AD708A #7AA25D #6B8F52

Split Complementary Palette

#5F6F86 #697B95 #956D6A #A07C79 #92956A #83865F

Square Palette

#58677D #697B95 #936C90 #93836C #6A956D #82A684

Tetradic Palette

#56657A #697B95 #8753AC #95836A #78AC53 #90BB72

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #697B95 contains 105 red, 123 green, and 149 blue.

Contrast Ratio: 4.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.92:1