Hex Color #A379DB - Custom Color

Color Codes

HEX

#A379DB

RGB

rgb(163, 121, 219)

HSL

hsl(266, 58%, 67%)

CMYK

cmyk(26%, 45%, 0%, 14%)

HSV

hsv(266, 45%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7A81DC #A47ADC #D57ADC

Triadic

#A47ADC #DCA47A #7ADCA4

Split Complementary

#A47ADC #DCD57A #81DC7A

Tetradic (Square)

#A47ADC #DC7A81 #B1DC7A #7ADCD5

Complementary

#A379DB #B1DC7A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.33:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.32:1

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

color: #A379DB;

border-color: #A379DB;

}

Tailwind CSS (with arbitrary values)

bg-[#A379DB]

text-[#A379DB]

border-[#A379DB]

// Example usage: