#695698 Color

Color Information

HEX#695698
RGB105, 86, 152
HSL257° , 28% , 47%
HSV257° , 43% , 60%
CMYK31%, 43%, 0%, 40%

Lighter Shades

#7B6AA4 #8D7FB1 #9F93BD #B1A7C9 #C3BBD6 #D5D0E2

Darker Shades

#5C4C86 #504174 #433761 #372D4F #2A223D #1D182B

Complementary Palette

#5A4A83 #695698 #73844A #869956 #97A76E #7E6EA6

Analogous Palette

#5D657E #666E8A #63518F #695698 #82668A #8D6F95

Triadic Palette

#5C4C86 #695698 #A5644A #B07760 #4AA564 #419158

Split Complementary Palette

#5F4D89 #695698 #998B56 #A39767 #659956 #5B8A4D

Square Palette

#584880 #695698 #8D626C #818D62 #56998B #71A99E

Tetradic Palette

#56477D #695698 #AF4190 #869956 #41AF60 #63BD7D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695698 contains 105 red, 86 green, and 152 blue.

Contrast Ratio: 6.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1