#5668AE Color

Color Information

HEX#5668AE
RGB86, 104, 174
HSL228° , 35% , 51%
HSV228° , 51% , 68%
CMYK51%, 40%, 0%, 32%

Lighter Shades

#6A7AB8 #7F8CC1 #939ECB #A7B0D5 #BBC3DF #D0D5E8

Darker Shades

#4C5C99 #414F84 #37436F #2D365A #222A46 #181D31

Complementary Palette

#4A5996 #5668AE #96864A #AE9C56 #B9AA6E #6E7DB9

Analogous Palette

#667F8A #6F8A95 #5162A4 #5668AE #7B6F95 #857B9D

Triadic Palette

#4C5C99 #5668AE #BA4A60 #C26073 #60BA4A #54A441

Split Complementary Palette

#4D5E9D #5668AE #AE7156 #B67F67 #94AE56 #859D4D

Square Palette

#485792 #5668AE #A1638F #A19563 #56AE71 #71BB88

Tetradic Palette

#47558F #5668AE #AA40C4 #AE9C56 #5AC440 #78CF62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5668AE contains 86 red, 104 green, and 174 blue.

Contrast Ratio: 5.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4:1