#5868A6 Color

Color Information

HEX#5868A6
RGB88, 104, 166
HSL228° , 31% , 50%
HSV228° , 47% , 65%
CMYK47%, 37%, 0%, 35%

Lighter Shades

#6C7AB1 #808CBB #949EC6 #A8B0D1 #BCC3DB #D0D5E6

Darker Shades

#4D5C92 #434F7E #38436A #2E3656 #232A42 #191D2E

Complementary Palette

#4C598F #5868A6 #90824C #A79758 #B3A66F #6F7DB2

Analogous Palette

#647C87 #6C8793 #53629C #5868A6 #786C93 #83789B

Triadic Palette

#4D5C92 #5868A6 #B44B60 #BD6173 #60B44B #549E42

Split Complementary Palette

#4F5E95 #5868A6 #A77058 #B07E69 #8FA758 #81964F

Square Palette

#4A578B #5868A6 #9A658A #9A9065 #58A770 #73B587

Tetradic Palette

#485588 #5868A6 #A541BE #A79758 #5ABE41 #78CA63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5868A6 contains 88 red, 104 green, and 166 blue.

Contrast Ratio: 5.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1