#6C86A6 Color

Color Information

HEX#6C86A6
RGB108, 134, 166
HSL213° , 25% , 54%
HSV213° , 35% , 65%
CMYK35%, 19%, 0%, 35%

Lighter Shades

#7E95B1 #8FA3BB #A1B2C6 #B3C0D1 #C4CFDB #D6DDE6

Darker Shades

#5F7692 #52667E #45566A #384656 #2B3642 #1E262E

Complementary Palette

#5D738F #6C86A6 #90795D #A78D6C #B39D81 #8197B2

Analogous Palette

#6C9193 #789A9B #667E9C #6C86A6 #7A789B #8584A4

Triadic Palette

#5F7692 #6C86A6 #B36186 #BC7495 #86B361 #769E55

Split Complementary Palette

#617995 #6C86A6 #A76F6C #B07D7B #A4A76C #949661

Square Palette

#5B718B #6C86A6 #9B789A #9B8C78 #6CA76F #84B586

Tetradic Palette

#596E88 #6C86A6 #9057BC #A78D6C #85BC57 #9BC875

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6C86A6 contains 108 red, 134 green, and 166 blue.

Contrast Ratio: 3.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.68:1