#503F55 Color

Color Information

HEX#503F55
RGB80, 63, 85
HSL286° , 15% , 29%
HSV286° , 26% , 33%
CMYK6%, 26%, 0%, 67%

Lighter Shades

#655669 #7A6D7E #8F8492 #A49BA7 #B9B2BB #CEC9CF

Darker Shades

#46374B #3D3041 #332836 #2A212C #201922 #161218

Complementary Palette

#453649 #503F55 #3A4936 #44553F #5E6D5A #695A6D

Analogous Palette

#403B4F #453F55 #4B3B50 #503F55 #553F4F #674C5F

Triadic Palette

#46374B #503F55 #5C5437 #70694F #375C54 #30514A

Split Complementary Palette

#48394D #503F55 #4F553F #616652 #3F5545 #394D3E

Square Palette

#433547 #503F55 #55453F #44553F #3F4F55 #5E6B70

Tetradic Palette

#423446 #503F55 #62323D #44553F #326257 #577E75

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #503F55 contains 80 red, 63 green, and 85 blue.

Contrast Ratio: 9.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.12:1