Hex Color #AE348E - Custom Color

Color Codes

HEX

#AE348E

RGB

rgb(174, 52, 142)

HSL

hsl(316, 54%, 44%)

CMYK

cmyk(0%, 70%, 18%, 32%)

HSV

hsv(316, 70%, 68%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9134AD #AD348C #AD3450

Triadic

#AD348C #8CAD34 #348CAD

Split Complementary

#AD348C #50AD34 #34AD91

Tetradic (Square)

#AD348C #AD9134 #34AD54 #3450AD

Complementary

#AE348E #34AD54

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.70:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.68: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: #AE348E;

color: #AE348E;

border-color: #AE348E;

}

Tailwind CSS (with arbitrary values)

bg-[#AE348E]

text-[#AE348E]

border-[#AE348E]

// Example usage: