Hex Color #A660AA - Custom Color

Color Codes

HEX

#A660AA

RGB

rgb(166, 96, 170)

HSL

hsl(297, 30%, 52%)

CMYK

cmyk(2%, 44%, 0%, 33%)

HSV

hsv(297, 44%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8160A9 #A660A9 #A96088

Triadic

#A660A9 #A9A660 #60A9A6

Split Complementary

#A660A9 #88A960 #60A981

Tetradic (Square)

#A660A9 #A98160 #64A960 #6088A9

Complementary

#A660AA #64A960

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.88: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: #A660AA;

color: #A660AA;

border-color: #A660AA;

}

Tailwind CSS (with arbitrary values)

bg-[#A660AA]

text-[#A660AA]

border-[#A660AA]

// Example usage: