#562E85 Color

Color Information

HEX#562E85
RGB86, 46, 133
HSL268° , 49% , 35%
HSV268° , 65% , 52%
CMYK35%, 65%, 0%, 48%

Lighter Shades

#6A4794 #7F60A2 #9379B1 #A792C0 #BBABCE #D0C4DD

Darker Shades

#4C2875 #412365 #371D55 #2D1845 #221235 #180D25

Complementary Palette

#4A2872 #562E85 #4F7228 #5C852E #73964B #6E4B96

Analogous Palette

#3A3B69 #3F4073 #512B7D #562E85 #713F73 #785379

Triadic Palette

#4C2875 #562E85 #8E5625 #9C6A3F #258E56 #217D4C

Split Complementary Palette

#4D2978 #562E85 #85822E #918F43 #30852E #2B7829

Square Palette

#482770 #562E85 #7C3638 #5C7C36 #2E8582 #4F9996

Tetradic Palette

#47266D #562E85 #951D5D #5C852E #1D9555 #46A874

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #562E85 contains 86 red, 46 green, and 133 blue.

Contrast Ratio: 10.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1