#505A30 Color

Color Information

HEX#505A30
RGB80, 90, 48
HSL74° , 30% , 27%
HSV74° , 47% , 35%
CMYK11%, 0%, 47%, 65%

Lighter Shades

#656E49 #7A8262 #8F957B #A4A993 #B9BDAC #CED1C5

Darker Shades

#464F2A #3D4424 #333A1F #2A2F19 #202413 #16190D

Complementary Palette

#454D29 #505A30 #32294D #3A305A #564D71 #69714D

Analogous Palette

#494436 #4F493B #4B552D #505A30 #404F3B #4E6148

Triadic Palette

#464F2A #505A30 #295460 #436973 #602954 #54244A

Split Complementary Palette

#48512B #505A30 #303B5A #454F6B #4E305A #462B51

Square Palette

#434C28 #505A30 #37534B #3E3753 #5A303B #74515A

Tetradic Palette

#424A27 #505A30 #246633 #3A305A #662456 #824B74

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505A30 contains 80 red, 90 green, and 48 blue.

Contrast Ratio: 7.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1