#4E5680 Color

Color Information

HEX#4E5680
RGB78, 86, 128
HSL230° , 24% , 40%
HSV230° , 39% , 50%
CMYK39%, 33%, 0%, 50%

Lighter Shades

#636A8F #787F9E #8E93AE #A3A7BD #B8BBCC #CDD0DB

Darker Shades

#454C71 #3B4161 #323752 #292D43 #1F2233 #161824

Complementary Palette

#434A6E #4E5680 #6C6543 #7E764E #908967 #676E92

Analogous Palette

#50636D #576B75 #495178 #4E5680 #615775 #6D6284

Triadic Palette

#454C71 #4E5680 #89434F #975A64 #4F8943 #46793B

Split Complementary Palette

#464D73 #4E5680 #7E5E4E #8B6E60 #6E7E4E #637146

Square Palette

#42486C #4E5680 #75576B #757057 #4E7E5E #6A9378

Tetradic Palette

#404769 #4E5680 #833B91 #7E764E #49913B #6AA55E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4E5680 contains 78 red, 86 green, and 128 blue.

Contrast Ratio: 7.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.94:1