#696187 Color

Color Information

HEX#696187
RGB105, 97, 135
HSL253° , 16% , 45%
HSV253° , 28% , 53%
CMYK22%, 28%, 0%, 47%

Lighter Shades

#7B7495 #8D87A4 #9F9AB2 #B1ADC1 #C3C0CF #D5D3DD

Darker Shades

#5C5577 #504A67 #433E56 #373246 #2A2736 #1D1B26

Complementary Palette

#5A5374 #696187 #6C7253 #7D8560 #8F9676 #7E7798

Analogous Palette

#596278 #626C84 #635B7F #696187 #7B6284 #866A90

Triadic Palette

#5C5577 #696187 #916255 #9E7569 #559162 #4B8056

Split Complementary Palette

#5F577A #696187 #857B60 #918870 #6B8560 #607856

Square Palette

#585171 #696187 #84626C #7D8462 #60857B #799990

Tetradic Palette

#56506F #696187 #9A4C89 #7D8560 #4C9A5D #6CAC7A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696187 contains 105 red, 97 green, and 135 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1