#696475 Color

Color Information

HEX#696475
RGB105, 100, 117
HSL258° , 8% , 43%
HSV258° , 15% , 46%
CMYK10%, 15%, 0%, 54%

Lighter Shades

#7B7786 #8D8996 #9F9CA7 #B1AEB7 #C3C1C8 #D5D4D8

Darker Shades

#5C5867 #504C59 #43404B #37343D #2A282F #1D1C21

Complementary Palette

#5A5665 #696475 #616557 #717665 #85897B #7E7A88

Analogous Palette

#575C75 #5D637E #635E6E #696475 #785D7E #83668A

Triadic Palette

#5C5867 #696475 #81665A #90786E #5A8166 #4F725A

Split Complementary Palette

#5F5A69 #696475 #767365 #848174 #687665 #5E6A5B

Square Palette

#585462 #696475 #7E5D63 #747E5D #657673 #7E8C89

Tetradic Palette

#565260 #696475 #8A5179 #717665 #518A62 #709F7E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696475 contains 105 red, 100 green, and 117 blue.

Contrast Ratio: 5.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.69:1