#694A97 Color

Color Information

HEX#694A97
RGB105, 74, 151
HSL264° , 34% , 44%
HSV264° , 51% , 59%
CMYK30%, 51%, 0%, 41%

Lighter Shades

#7B60A3 #8D75B0 #9F8BBC #B1A1C9 #C3B7D5 #D5CCE2

Darker Shades

#5C4185 #503873 #432F61 #37264F #2A1E3C #1D152A

Complementary Palette

#5A4082 #694A97 #678140 #78964A #8BA563 #7E63A6

Analogous Palette

#575A75 #5F6381 #63468E #694A97 #7E5F81 #8A688D

Triadic Palette

#5C4185 #694A97 #A2663F #AD7856 #3FA266 #378F5A

Split Complementary Palette

#5F4388 #694A97 #968F4A #A19A5C #52964A #4A8743

Square Palette

#583E7F #694A97 #8B555B #768B55 #4A968F #67A7A1

Tetradic Palette

#563D7C #694A97 #AB367C #78964A #36AB65 #5ABA81

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #694A97 contains 105 red, 74 green, and 151 blue.

Contrast Ratio: 7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3:1