#506863 Color

Color Information

HEX#506863
RGB80, 104, 99
HSL168° , 13% , 36%
HSV168° , 23% , 41%
CMYK23%, 0%, 5%, 59%

Lighter Shades

#657A76 #7A8C88 #8F9E9B #A4B0AE #B9C3C1 #CED5D3

Darker Shades

#465C57 #3D4F4B #33433F #2A3633 #202A28 #161D1C

Complementary Palette

#455955 #506863 #594549 #685055 #7D696D #697D79

Analogous Palette

#48614E #4E6A56 #4B625D #506863 #4E616A #597078

Triadic Palette

#465C57 #506863 #684771 #7A5D82 #716847 #635C3E

Split Complementary Palette

#485E59 #506863 #685061 #776271 #685750 #5E4E48

Square Palette

#435753 #506863 #564E6A #6A4E54 #616850 #7A806C

Tetradic Palette

#425551 #506863 #3F4B78 #685055 #786D3F #908762

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506863 contains 80 red, 104 green, and 99 blue.

Contrast Ratio: 6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1