#545780 Color

Color Information

HEX#545780
RGB84, 87, 128
HSL236° , 21% , 42%
HSV236° , 34% , 50%
CMYK34%, 32%, 0%, 50%

Lighter Shades

#696B8F #7D7F9E #9293AE #A6A8BD #BBBCCC #CFD0DB

Darker Shades

#4A4D71 #404261 #363852 #2C2D43 #222333 #181824

Complementary Palette

#484B6E #545780 #706D49 #827F55 #94916D #6C6F92

Analogous Palette

#556572 #5B6D7B #4F5278 #545780 #685B7B #75668A

Triadic Palette

#4A4D71 #545780 #8C4A4E #9A6063 #4E8C4A #457B41

Split Complementary Palette

#4C4E73 #545780 #826855 #8F7766 #6E8255 #63754D

Square Palette

#47496C #545780 #7B5B6D #7B795B #558268 #709680

Tetradic Palette

#454769 #545780 #8F4195 #827F55 #479541 #68A863

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545780 contains 84 red, 87 green, and 128 blue.

Contrast Ratio: 6.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.03:1