#6C7C80 Color

Color Information

HEX#6C7C80
RGB108, 124, 128
HSL192° , 8% , 46%
HSV192° , 16% , 50%
CMYK16%, 3%, 0%, 50%

Lighter Shades

#7E8C8F #8F9B9E #A1ABAE #B3BBBD #C4CBCC #D6DADB

Darker Shades

#5F6D71 #525E61 #454F52 #384043 #2B3233 #1E2324

Complementary Palette

#5D6B6E #6C7C80 #6D605D #7F706C #918481 #818E92

Analogous Palette

#5B7B70 #64877C #667578 #6C7C80 #646F87 #6C7893

Triadic Palette

#5F6D71 #6C7C80 #8A6081 #987390 #818A60 #727954

Split Complementary Palette

#617073 #6C7C80 #7F6C72 #8C7B80 #7F796C #726D61

Square Palette

#5B686C #6C7C80 #7C6487 #876B64 #727F6C #899384

Tetradic Palette

#596669 #6C7C80 #645794 #7F706C #879457 #9DA775

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6C7C80 contains 108 red, 124 green, and 128 blue.

Contrast Ratio: 4.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.89:1