Hex Color #A49BEA - Custom Color

Color Codes

HEX

#A49BEA

RGB

rgb(164, 155, 234)

HSL

hsl(247, 65%, 76%)

CMYK

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

HSV

hsv(247, 34%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9AB9EA #A39AEA #CB9AEA

Triadic

#A39AEA #EAA39A #9AEAA3

Split Complementary

#A39AEA #EACB9A #B9EA9A

Tetradic (Square)

#A39AEA #EA9AB9 #E0EA9A #9AEACB

Complementary

#A49BEA #E0EA9A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.48:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.46: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: #A49BEA;

color: #A49BEA;

border-color: #A49BEA;

}

Tailwind CSS (with arbitrary values)

bg-[#A49BEA]

text-[#A49BEA]

border-[#A49BEA]

// Example usage: