#504561 Color

Color Information

HEX#504561
RGB80, 69, 97
HSL264° , 17% , 33%
HSV264° , 29% , 38%
CMYK18%, 29%, 0%, 62%

Lighter Shades

#655B74 #7A7287 #8F889A #A49EAD #B9B5C0 #CECBD3

Darker Shades

#463D55 #3D344A #332C3E #2A2432 #201C27 #16131B

Complementary Palette

#453B53 #504561 #4B543C #576246 #6F7860 #695F77

Analogous Palette

#414458 #484A61 #4B415B #504561 #5F4861 #6D526F

Triadic Palette

#463D55 #504561 #6B503D #7D6554 #3D6B50 #365E46

Split Complementary Palette

#483E57 #504561 #626046 #727059 #496246 #42583F

Square Palette

#433A51 #504561 #61484A #576148 #466260 #647B79

Tetradic Palette

#423950 #504561 #72375A #576246 #37724E #5B8B6E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504561 contains 80 red, 69 green, and 97 blue.

Contrast Ratio: 9.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1