#506446 Color

Color Information

HEX#506446
RGB80, 100, 70
HSL100° , 18% , 33%
HSV100° , 30% , 39%
CMYK20%, 0%, 30%, 61%

Lighter Shades

#65775C #7A8972 #8F9C89 #A4AE9F #B9C1B5 #CED4CB

Darker Shades

#46583E #3D4C35 #33402D #2A3424 #20281C #161C14

Complementary Palette

#45563C #506446 #4D3B55 #594563 #705F79 #697A60

Analogous Palette

#545841 #5D6148 #4B5E42 #506446 #48614C #526F57

Triadic Palette

#46583E #506446 #3D4C6C #54617E #6C3D4C #5F3643

Split Complementary Palette

#485A3F #506446 #4A4563 #5C5873 #63455E #593E55

Square Palette

#43543B #506446 #485D61 #584861 #634A45 #7C6763

Tetradic Palette

#425239 #506446 #36725E #594563 #72364A #8B5A6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506446 contains 80 red, 100 green, and 70 blue.

Contrast Ratio: 6.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1