#545686 Color

Color Information

HEX#545686
RGB84, 86, 134
HSL238° , 23% , 43%
HSV238° , 37% , 53%
CMYK37%, 36%, 0%, 47%

Lighter Shades

#696A95 #7D7FA3 #9293B2 #A6A7C0 #BBBBCF #CFD0DD

Darker Shades

#4A4C76 #404166 #363756 #2C2D46 #222236 #181826

Complementary Palette

#484A73 #545686 #747248 #878554 #98966C #6C6E97

Analogous Palette

#556472 #5D6F7E #4F517E #545686 #6D5D7E #79688D

Triadic Palette

#4A4C76 #545686 #92494C #9F5F61 #4C9249 #438040

Split Complementary Palette

#4C4D79 #545686 #876C54 #937B65 #6F8754 #647A4C

Square Palette

#474871 #545686 #7E5D6F #7E7D5D #54876C #6F9A84

Tetradic Palette

#45476E #545686 #98419B #878554 #449B41 #66AD63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545686 contains 84 red, 86 green, and 134 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