#6C6480 Color

Color Information

HEX#6C6480
RGB108, 100, 128
HSL257° , 12% , 45%
HSV257° , 22% , 50%
CMYK16%, 22%, 0%, 50%

Lighter Shades

#7E778F #8F899E #A19CAE #B3AEBD #C4C1CC #D6D4DB

Darker Shades

#5F5871 #524C61 #454052 #383443 #2B2833 #1E1C24

Complementary Palette

#5D566E #6C6480 #686F57 #798165 #8C937B #817A92

Analogous Palette

#5B617B #626984 #665E78 #6C6480 #7D6284 #886A90

Triadic Palette

#5F5871 #6C6480 #8C685A #9A7A6E #5A8C68 #4F7B5C

Split Complementary Palette

#615A73 #6C6480 #817B65 #8E8874 #6B8165 #60745B

Square Palette

#5B546C #6C6480 #846269 #7A8462 #65817B #7E9590

Tetradic Palette

#595269 #6C6480 #955082 #798165 #509564 #70A880

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6C6480 contains 108 red, 100 green, and 128 blue.

Contrast Ratio: 5.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1