Hex Color #7A52AD - Custom Color

Color Codes

HEX

#7A52AD

RGB

rgb(122, 82, 173)

HSL

hsl(266, 36%, 50%)

CMYK

cmyk(29%, 53%, 0%, 32%)

HSV

hsv(266, 53%, 68%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5258AD #7952AD #A752AD

Triadic

#7952AD #AD7952 #52AD79

Split Complementary

#7952AD #ADA752 #58AD52

Tetradic (Square)

#7952AD #AD5258 #86AD52 #52ADA7

Complementary

#7A52AD #86AD52

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.77:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.64: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: #7A52AD;

color: #7A52AD;

border-color: #7A52AD;

}

Tailwind CSS (with arbitrary values)

bg-[#7A52AD]

text-[#7A52AD]

border-[#7A52AD]

// Example usage: