#506255 Color

Color Information

HEX#506255
RGB80, 98, 85
HSL137° , 10% , 35%
HSV137° , 18% , 38%
CMYK18%, 0%, 13%, 62%

Lighter Shades

#657569 #7A887E #8F9B92 #A4ADA7 #B9C0BB #CED3CF

Darker Shades

#46564B #3D4A41 #333F36 #2A332C #202722 #161B18

Complementary Palette

#455449 #506255 #544550 #62505D #786974 #69786D

Analogous Palette

#4A5E45 #52674C #4B5C50 #506255 #4C6761 #57756E

Triadic Palette

#46564B #506255 #52476B #675D7D #6B5247 #5E483E

Split Complementary Palette

#48584D #506255 #5E5062 #6E6272 #625054 #58484C

Square Palette

#435247 #506255 #4C5267 #674C5F #625E50 #7B786C

Tetradic Palette

#425046 #506255 #406472 #62505D #724E40 #8B6E62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506255 contains 80 red, 98 green, and 85 blue.

Contrast Ratio: 6.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1