#506F95 Color

Color Information

HEX#506F95
RGB80, 111, 149
HSL213° , 30% , 45%
HSV213° , 46% , 58%
CMYK46%, 26%, 0%, 42%

Lighter Shades

#6580A2 #7A92AE #8FA3BB #A4B4C8 #B9C5D5 #CED7E1

Darker Shades

#466283 #3D5471 #33475F #2A3A4D #202C3C #161F2A

Complementary Palette

#455F80 #506F95 #806545 #957650 #A48969 #6983A4

Analogous Palette

#597778 #628284 #4B688C #506F95 #636284 #6D6A90

Triadic Palette

#466283 #506F95 #A1456E #AC5B7F #6EA145 #618E3D

Split Complementary Palette

#486486 #506F95 #955450 #A06562 #929550 #838648

Square Palette

#435D7D #506F95 #8A5C87 #8A755C #509554 #6CA66F

Tetradic Palette

#425B7A #506F95 #783CAA #957650 #6DAA3C #87B95F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506F95 contains 80 red, 111 green, and 149 blue.

Contrast Ratio: 5.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.07:1