#506890 Color

Color Information

HEX#506890
RGB80, 104, 144
HSL218° , 29% , 44%
HSV218° , 44% , 56%
CMYK44%, 28%, 0%, 44%

Lighter Shades

#657A9D #7A8CAB #8F9EB8 #A4B0C5 #B9C3D3 #CED5E0

Darker Shades

#465C7F #3D4F6D #33435C #2A364B #202A3A #161D28

Complementary Palette

#45597C #506890 #7D6845 #917950 #A08C69 #697DA0

Analogous Palette

#597478 #5F7D81 #4B6287 #506890 #635F81 #6F6A90

Triadic Palette

#465C7F #506890 #9C4465 #A85A77 #659C44 #59893C

Split Complementary Palette

#485E82 #506890 #915850 #9C6962 #889150 #7A8348

Square Palette

#435779 #506890 #865B80 #86765B #509158 #6CA373

Tetradic Palette

#425576 #506890 #7E3BA5 #917950 #62A53B #7EB55E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506890 contains 80 red, 104 green, and 144 blue.

Contrast Ratio: 5.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1