Hex Color #AA9BEB - Custom Color

Color Codes

HEX

#AA9BEB

RGB

rgb(170, 155, 235)

HSL

hsl(251, 67%, 76%)

CMYK

cmyk(28%, 34%, 0%, 8%)

HSV

hsv(251, 34%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#99B3EB #A899EB #D199EB

Triadic

#A899EB #EBA899 #99EBA8

Split Complementary

#A899EB #EBD199 #B3EB99

Tetradic (Square)

#A899EB #EB99B3 #DCEB99 #99EBD1

Complementary

#AA9BEB #DCEB99

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.44:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.60: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: #AA9BEB;

color: #AA9BEB;

border-color: #AA9BEB;

}

Tailwind CSS (with arbitrary values)

bg-[#AA9BEB]

text-[#AA9BEB]

border-[#AA9BEB]

// Example usage: