#694F87 Color

Color Information

HEX#694F87
RGB105, 79, 135
HSL268° , 26% , 42%
HSV268° , 41% , 53%
CMYK22%, 41%, 0%, 47%

Lighter Shades

#7B6495 #8D79A4 #9F8EB2 #B1A3C1 #C3B9CF #D5CEDD

Darker Shades

#5C4677 #503C67 #433356 #372946 #2A2036 #1D1626

Complementary Palette

#5A4474 #694F87 #5E7444 #6D874F #819868 #7E6898

Analogous Palette

#555672 #5B5C7B #634A7F #694F87 #7A5B7B #89668A

Triadic Palette

#5C4677 #694F87 #926945 #9F7B5B #459269 #3D805C

Split Complementary Palette

#5F477A #694F87 #87854F #939161 #51874F #497A47

Square Palette

#584271 #694F87 #7C5A5B #6C7C5A #4F8785 #6B9A99

Tetradic Palette

#56416F #694F87 #9A3C6E #6D874F #3C9A68 #5FAC83

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #694F87 contains 105 red, 79 green, and 135 blue.

Contrast Ratio: 6.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1