#5868A0 Color

Color Information

HEX#5868A0
RGB88, 104, 160
HSL227° , 29% , 49%
HSV227° , 45% , 63%
CMYK45%, 35%, 0%, 37%

Lighter Shades

#6C7AAB #808CB7 #949EC2 #A8B0CE #BCC3D9 #D0D5E4

Darker Shades

#4D5C8D #434F7A #384366 #2E3653 #232A40 #191D2D

Complementary Palette

#4C598A #5868A0 #8A7D4D #A19159 #AEA070 #6F7DAD

Analogous Palette

#627B84 #6A8590 #536296 #5868A0 #756A90 #7F7599

Triadic Palette

#4D5C8D #5868A0 #AE4C60 #B86173 #60AE4C #549943

Split Complementary Palette

#4F5E90 #5868A0 #A16D59 #AA7C6A #8DA159 #7F9150

Square Palette

#4A5786 #5868A0 #956587 #958A65 #59A16D #74B084

Tetradic Palette

#485583 #5868A0 #9E42B8 #A19159 #5AB842 #78C564

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5868A0 contains 88 red, 104 green, and 160 blue.

Contrast Ratio: 5.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.92:1