#504E6D Color

Color Information

HEX#504E6D
RGB80, 78, 109
HSL244° , 17% , 37%
HSV244° , 28% , 43%
CMYK27%, 28%, 0%, 57%

Lighter Shades

#65637F #7A7890 #8F8EA2 #A4A3B3 #B9B8C5 #CECDD6

Darker Shades

#464560 #3D3B53 #333246 #2A2939 #201F2C #16161F

Complementary Palette

#45435E #504E6D #5D5F43 #6C6E4E #818267 #696781

Analogous Palette

#4A5564 #505C6D #4B4966 #504E6D #60506D #6D5B7B

Triadic Palette

#464560 #504E6D #784845 #885E5B #457848 #3D6A3F

Split Complementary Palette

#484662 #504E6D #6E604E #7D7060 #5C6E4E #536346

Square Palette

#43425C #504E6D #6D505C #6B6D50 #4E6E60 #6A8579

Tetradic Palette

#424059 #504E6D #7F3D7B #6C6E4E #3D7F42 #609664

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504E6D contains 80 red, 78 green, and 109 blue.

Contrast Ratio: 8.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1