#6880C2 Color

Color Information

HEX	#6880C2
RGB	104, 128, 194
HSL	224° , 42% , 58%
HSV	224° , 46% , 76%
CMYK	46%, 34%, 0%, 24%

Lighter Shades

#7A8FC9 #8C9ED1 #9EAED8 #B0BDDF #C3CCE7 #D5DBEE

Darker Shades

#5C71AB #4F6193 #43527C #364365 #2A334E #1D2436

Complementary Palette

#596EA7 #6880C2 #A69159 #C1A967 #CAB57C #7D92CB

Analogous Palette

#78939B #7CA0AB #6278B6 #6880C2 #877CAB #9086B1

Triadic Palette

#5C71AB #6880C2 #CC5C7A #D2708A #7ACC5C #6BB451

Split Complementary Palette

#5E73AF #6880C2 #C17C67 #C78976 #ACC167 #9BAE5D

Square Palette

#576CA3 #6880C2 #B672A6 #B6A472 #67C17C #7FCB91

Tetradic Palette

#55699F #6880C2 #B254D4 #C1A967 #76D454 #8FDC73

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6880C2 contains 104 red, 128 green, and 194 blue.

Contrast Ratio: 3.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.52:1