#695BA5 Color

Color Information

HEX#695BA5
RGB105, 91, 165
HSL251° , 29% , 50%
HSV251° , 45% , 65%
CMYK36%, 45%, 0%, 35%

Lighter Shades

#7B6FB0 #8D82BB #9F96C5 #B1AAD0 #C3BDDB #D5D1E6

Darker Shades

#5C5091 #50457D #433A6A #372F56 #2A2442 #1D192E

Complementary Palette

#5A4E8E #695BA5 #828D4E #97A45B #A6B172 #7E72B2

Analogous Palette

#646F87 #6C7893 #63569B #695BA5 #876C93 #90789B

Triadic Palette

#5C5091 #695BA5 #B1604E #BA7363 #4EB160 #459C54

Split Complementary Palette

#5F5295 #695BA5 #A48D5B #AD986B #72A45B #679452

Square Palette

#584C8B #695BA5 #986777 #8F9867 #5BA48D #75B39F

Tetradic Palette

#564B87 #695BA5 #BB44A5 #97A45B #44BB5A #66C778

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695BA5 contains 105 red, 91 green, and 165 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1