#694BAF Color

Color Information

HEX#694BAF
RGB105, 75, 175
HSL258° , 40% , 49%
HSV258° , 57% , 69%
CMYK40%, 57%, 0%, 31%

Lighter Shades

#7B61B9 #8D76C2 #9F8CCC #B1A1D5 #C3B7DF #D5CDE9

Darker Shades

#5C429A #503985 #433070 #37275B #2A1E46 #1D1531

Complementary Palette

#5A4197 #694BAF #7D9741 #91AF4B #A0BA64 #7E64BA

Analogous Palette

#5C658A #646E96 #6347A5 #694BAF #8C6496 #94729D

Triadic Palette

#5C429A #694BAF #BB643E #C37755 #3EBB64 #37A558

Split Complementary Palette

#5F449E #694BAF #AF9B4B #B7A55D #5FAF4B #569E44

Square Palette

#583F93 #694BAF #A25766 #8CA257 #4BAF9B #68BCAB

Tetradic Palette

#563E90 #694BAF #C5349A #91AF4B #34C560 #59CF7D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #694BAF contains 105 red, 75 green, and 175 blue.

Contrast Ratio: 6.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1