#56488A Color

Color Information

HEX	#56488A
RGB	86, 72, 138
HSL	253° , 31% , 41%
HSV	253° , 48% , 54%
CMYK	38%, 48%, 0%, 46%

Lighter Shades

#6A5E98 #7F74A6 #938AB4 #A7A0C2 #BBB6D0 #D0CCDE

Darker Shades

#4C3F79 #413769 #372E58 #2D2548 #221D37 #181427

Complementary Palette

#4A3E77 #56488A #6A763E #7B8948 #8D9A62 #6E629A

Analogous Palette

#525B6F #596278 #514482 #56488A #6F5978 #7E6487

Triadic Palette

#4C3F79 #56488A #93503E #A06555 #3E9350 #378146

Split Complementary Palette

#4D417C #56488A #897748 #95855A #5B8948 #527B41

Square Palette

#483C74 #56488A #7F5360 #757F53 #488977 #659C8D

Tetradic Palette

#473B71 #56488A #9C3586 #7B8948 #359C4C #59AE6C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56488A contains 86 red, 72 green, and 138 blue.

Contrast Ratio: 7.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.65:1