#56485E Color

Color Information

HEX#56485E
RGB86, 72, 94
HSL278° , 13% , 33%
HSV278° , 23% , 37%
CMYK9%, 23%, 0%, 63%

Lighter Shades

#6A5E71 #7F7485 #938A98 #A7A0AB #BBB6BF #D0CCD2

Darker Shades

#4C3F53 #413747 #372E3C #2D2531 #221D26 #18141A

Complementary Palette

#4A3E51 #56485E #46523F #515F49 #697562 #6E6275

Analogous Palette

#444158 #4B4861 #514458 #56485E #61485D #6F526B

Triadic Palette

#4C3F53 #56485E #685941 #7A6D58 #416859 #395C4E

Split Complementary Palette

#4D4155 #56485E #5C5F49 #6C6F5B #495F4C #425644

Square Palette

#483C4F #56485E #614B48 #516148 #495C5F #667679

Tetradic Palette

#473B4D #56485E #6E3A4D #515F49 #3A6E5B #5D8879

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56485E contains 86 red, 72 green, and 94 blue.

Contrast Ratio: 8.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1