Hex Color #524056 - Custom Color

Color Codes

HEX

#524056

RGB

rgb(82, 64, 86)

HSL

hsl(289, 15%, 29%)

CMYK

cmyk(5%, 26%, 0%, 66%)

HSV

hsv(289, 26%, 34%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#463F55 #513F55 #553F4E

Triadic

#513F55 #55513F #3F5551

Split Complementary

#513F55 #4E553F #3F5546

Tetradic (Square)

#513F55 #55463F #43553F #3F4E55

Complementary

#524056 #43553F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.43:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.23:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #524056;

color: #524056;

border-color: #524056;

}

Tailwind CSS (with arbitrary values)

bg-[#524056]

text-[#524056]

border-[#524056]

// Example usage: