Hex Color #AA839D - Custom Color

Color Codes

HEX

#AA839D

RGB

rgb(170, 131, 157)

HSL

hsl(320, 19%, 59%)

CMYK

cmyk(0%, 23%, 8%, 33%)

HSV

hsv(320, 23%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A483AA #AA839D #AA8389

Triadic

#AA839D #9DAA83 #839DAA

Split Complementary

#AA839D #89AA83 #83AAA4

Tetradic (Square)

#AA839D #AAA483 #83AA90 #8389AA

Complementary

#AA839D #83AA90

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.26:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.44:1

Pass - 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: #AA839D;

color: #AA839D;

border-color: #AA839D;

}

Tailwind CSS (with arbitrary values)

bg-[#AA839D]

text-[#AA839D]

border-[#AA839D]

// Example usage: