#503456 Color

Color Information

HEX#503456
RGB80, 52, 86
HSL289° , 25% , 27%
HSV289° , 40% , 34%
CMYK7%, 40%, 0%, 66%

Lighter Shades

#654C6A #7A657F #8F7D93 #A495A7 #B9AEBB #CEC6D0

Darker Shades

#462E4C #3D2841 #332137 #2A1B2D #201522 #160F18

Complementary Palette

#452D4A #503456 #324A2D #3A5634 #566E50 #69506E

Analogous Palette

#3C3649 #413B4F #4B3151 #503456 #4F3B49 #614858

Triadic Palette

#462E4C #503456 #5D542D #706946 #2D5D54 #28524A

Split Complementary Palette

#482F4D #503456 #4B5634 #5D6748 #34563F #2F4D39

Square Palette

#432C48 #503456 #4F413B #3E4F3B #344B56 #546871

Tetradic Palette

#422B47 #503456 #622732 #3A5634 #276258 #4E7E76

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #503456 contains 80 red, 52 green, and 86 blue.

Contrast Ratio: 11.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1