#506595 Color

Color Information

HEX	#506595
RGB	80, 101, 149
HSL	222° , 30% , 45%
HSV	222° , 46% , 58%
CMYK	46%, 32%, 0%, 42%

Lighter Shades

#6577A2 #7A8AAE #8F9CBB #A4AFC8 #B9C1D5 #CED4E1

Darker Shades

#465983 #3D4D71 #33415F #2A354D #20283C #161C2A

Complementary Palette

#455780 #506595 #806F45 #958150 #A49369 #697BA4

Analogous Palette

#597278 #627D84 #4B5F8C #506595 #686284 #726A90

Triadic Palette

#465983 #506595 #A14560 #AC5B73 #60A145 #548E3D

Split Complementary Palette

#485B86 #506595 #955E50 #A06E62 #879550 #7A8648

Square Palette

#43557D #506595 #8A5C81 #8A7D5C #50955E #6CA678

Tetradic Palette

#42537A #506595 #8B3CAA #958150 #5DAA3C #7AB95F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506595 contains 80 red, 101 green, and 149 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1