#6C85CE Color

Color Information

HEX#6C85CE
RGB108, 133, 206
HSL225° , 50% , 62%
HSV225° , 48% , 81%
CMYK48%, 35%, 0%, 19%

Lighter Shades

#7E94D4 #8FA2DA #A1B1E0 #B3C0E6 #C4CEEB #D6DDF1

Darker Shades

#5F75B5 #52659D #455584 #38456B #2B3552 #1E253A

Complementary Palette

#5D72B1 #6C85CE #B29D5F #CFB66E #D6C082 #8196D5

Analogous Palette

#7A9CA8 #81ADBB #667DC2 #6C85CE #9081BB #988BC1

Triadic Palette

#5F75B5 #6C85CE #D86481 #DD7790 #81D864 #72BE58

Split Complementary Palette

#6178B9 #6C85CE #CF866E #D4927D #B6CF6E #A4BA63

Square Palette

#5B70AD #6C85CE #C577B1 #C5B177 #6ECF86 #85D799

Tetradic Palette

#596DA9 #6C85CE #BF5CE0 #CFB66E #7DE05C #94E679

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6C85CE contains 108 red, 133 green, and 206 blue.

Contrast Ratio: 3.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.96:1