Hex Color #AF96DB - Custom Color

Color Codes

HEX

#AF96DB

RGB

rgb(175, 150, 219)

HSL

hsl(262, 49%, 72%)

CMYK

cmyk(20%, 32%, 0%, 14%)

HSV

hsv(262, 32%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#959EDB #AE95DB #D195DB

Triadic

#AE95DB #DBAE95 #95DBAE

Split Complementary

#AE95DB #DBD195 #9EDB95

Tetradic (Square)

#AE95DB #DB959E #C1DB95 #95DBD1

Complementary

#AF96DB #C1DB95

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.56:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.21:1

Pass - WCAG AA (Normal Text)

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

color: #AF96DB;

border-color: #AF96DB;

}

Tailwind CSS (with arbitrary values)

bg-[#AF96DB]

text-[#AF96DB]

border-[#AF96DB]

// Example usage: