#695396 Color

Color Information

HEX#695396
RGB105, 83, 150
HSL260° , 29% , 46%
HSV260° , 45% , 59%
CMYK30%, 45%, 0%, 41%

Lighter Shades

#7B68A3 #8D7CAF #9F91BC #B1A6C8 #C3BAD5 #D5CFE2

Darker Shades

#5C4984 #503F72 #433560 #372B4E #2A213C #1D172A

Complementary Palette

#5A4781 #695396 #6F8247 #819753 #93A66B #7E6BA5

Analogous Palette

#5B607B #646A87 #634E8D #695396 #816487 #8C6C93

Triadic Palette

#5C4984 #695396 #A36648 #AE785E #48A366 #3F8F5A

Split Complementary Palette

#5F4B87 #695396 #978C53 #A19864 #5F9753 #56884B

Square Palette

#58467E #695396 #8C5F67 #7D8C5F #53978C #6FA89E

Tetradic Palette

#56447B #695396 #AC3E8A #819753 #3EAC63 #61BB7F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695396 contains 105 red, 83 green, and 150 blue.

Contrast Ratio: 6.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.26:1