#695660 Color

Color Information

HEX#695660
RGB105, 86, 96
HSL328° , 10% , 37%
HSV328° , 18% , 41%
CMYK0%, 18%, 9%, 59%

Lighter Shades

#7B6A73 #8D7F86 #9F9399 #B1A7AC #C3BBBF #D5D0D2

Darker Shades

#5C4C54 #504149 #43373D #372D32 #2A2226 #1D181B

Complementary Palette

#5A4A53 #695660 #495951 #55685E #6D7D75 #7E6E76

Analogous Palette

#624A64 #6B506D #63515A #695660 #6D5052 #7B5B5D

Triadic Palette

#5C4C54 #695660 #60714B #738261 #4B6071 #425463

Split Complementary Palette

#5F4D56 #695660 #566855 #677766 #556867 #4D5E5D

Square Palette

#584851 #695660 #6D6B50 #506D5D #555668 #707180

Tetradic Palette

#56474F #695660 #795D44 #55685E #446079 #667D91

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #695660 contains 105 red, 86 green, and 96 blue.

Contrast Ratio: 6.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1