#506EA9 Color

Color Information

HEX#506EA9
RGB80, 110, 169
HSL220° , 36% , 49%
HSV220° , 53% , 66%
CMYK53%, 35%, 0%, 34%

Lighter Shades

#657FB3 #7A91BE #8FA2C8 #A4B4D2 #B9C5DD #CED6E7

Darker Shades

#466195 #3D5480 #33466C #2A3958 #202C44 #161F2F

Complementary Palette

#455F91 #506EA9 #927845 #AA8C50 #B69C69 #6982B5

Analogous Palette

#607F85 #698A91 #4B679F #506EA9 #706991 #7B7599

Triadic Palette

#466195 #506EA9 #B6436A #BF5A7C #6AB643 #5DA03B

Split Complementary Palette

#486398 #506EA9 #AA5F50 #B36F62 #9BAA50 #8C9948

Square Palette

#435C8E #506EA9 #9D5C93 #9D885C #50AA5F #6CB879

Tetradic Palette

#425A8B #506EA9 #9339C0 #AA8C50 #66C039 #82CB5D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506EA9 contains 80 red, 110 green, and 169 blue.

Contrast Ratio: 5.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.17:1