#506594 Color

Color Information

HEX#506594
RGB80, 101, 148
HSL221° , 30% , 45%
HSV221° , 46% , 58%
CMYK46%, 32%, 0%, 42%

Lighter Shades

#6577A1 #7A8AAE #8F9CBB #A4AFC7 #B9C1D4 #CED4E1

Darker Shades

#465982 #3D4D70 #33415F #2A354D #20283B #161C29

Complementary Palette

#45577F #506594 #806D45 #957F50 #A49169 #697BA3

Analogous Palette

#597378 #627E84 #4B5F8B #506594 #686284 #716A90

Triadic Palette

#465982 #506594 #A14562 #AC5B75 #62A145 #568E3D

Split Complementary Palette

#485B85 #506594 #955D50 #A06D62 #899550 #7B8648

Square Palette

#43557C #506594 #8A5C82 #8A7B5C #50955D #6CA677

Tetradic Palette

#425379 #506594 #873CAA #957F50 #5FAA3C #7CB95F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506594 contains 80 red, 101 green, and 148 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1