Hex Color #AF4798 - Custom Color

Color Codes

HEX

#AF4798

RGB

rgb(175, 71, 152)

HSL

hsl(313, 42%, 48%)

CMYK

cmyk(0%, 59%, 13%, 31%)

HSV

hsv(313, 59%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9147AE #AE4798 #AE4764

Triadic

#AE4798 #98AE47 #4798AE

Split Complementary

#AE4798 #64AE47 #47AE91

Tetradic (Square)

#AE4798 #AE9147 #47AE5D #4764AE

Complementary

#AF4798 #47AE5D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.03:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.18: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: #AF4798;

color: #AF4798;

border-color: #AF4798;

}

Tailwind CSS (with arbitrary values)

bg-[#AF4798]

text-[#AF4798]

border-[#AF4798]

// Example usage: