#695AA7 Color

Color Information

HEX#695AA7
RGB105, 90, 167
HSL252° , 30% , 50%
HSV252° , 46% , 65%
CMYK37%, 46%, 0%, 35%

Lighter Shades

#7B6EB2 #8D82BC #9F95C7 #B1A9D1 #C3BDDC #D5D1E6

Darker Shades

#5C4F93 #50447F #433A6B #372F57 #2A2443 #1D192F

Complementary Palette

#5A4D90 #695AA7 #818F4D #96A659 #A5B270 #7E71B3

Analogous Palette

#646E87 #6C7893 #63559D #695AA7 #876C93 #91789B

Triadic Palette

#5C4F93 #695AA7 #B3614D #BC7462 #4DB361 #449E55

Split Complementary Palette

#5F5196 #695AA7 #A68F59 #AF9A6A #70A659 #659550

Square Palette

#584C8C #695AA7 #996675 #8F9966 #59A68F #74B4A1

Tetradic Palette

#564A89 #695AA7 #BD42A4 #96A659 #42BD5B #64C979

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695AA7 contains 105 red, 90 green, and 167 blue.

Contrast Ratio: 5.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1