#6884D9 Color

Color Information

HEX#6884D9
RGB104, 132, 217
HSL225° , 60% , 63%
HSV225° , 52% , 85%
CMYK52%, 39%, 0%, 15%

Lighter Shades

#7A93DE #8CA2E2 #9EB0E7 #B0BFEB #C3CEF0 #D5DDF4

Darker Shades

#5C74BF #4F64A5 #43548B #364571 #2A3557 #1D253D

Complementary Palette

#5972BB #6884D9 #BBA359 #D9BD68 #DEC67D #7D95DE

Analogous Palette

#75A3B3 #7BB4C6 #627CCC #6884D9 #8E7BC6 #9786CB

Triadic Palette

#5C74BF #6884D9 #E35F80 #E6728F #80E35F #71C854

Split Complementary Palette

#5E77C3 #6884D9 #D98468 #DD9077 #BDD968 #AAC35E

Square Palette

#576FB6 #6884D9 #D071B8 #D0B871 #68D984 #80DF98

Tetradic Palette

#556CB2 #6884D9 #C557EA #D9BD68 #7CEA57 #94EE75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6884D9 contains 104 red, 132 green, and 217 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