Hex Color #AC79EF - Custom Color

Color Codes

HEX

#AC79EF

RGB

rgb(172, 121, 239)

HSL

hsl(266, 79%, 71%)

CMYK

cmyk(28%, 49%, 0%, 6%)

HSV

hsv(266, 49%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7B82EF #AD7BEF #E87BEF

Triadic

#AD7BEF #EFAD7B #7BEFAD

Split Complementary

#AD7BEF #EFE87B #82EF7B

Tetradic (Square)

#AD7BEF #EF7B82 #BDEF7B #7BEFE8

Complementary

#AC79EF #BDEF7B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.12:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.74: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: #AC79EF;

color: #AC79EF;

border-color: #AC79EF;

}

Tailwind CSS (with arbitrary values)

bg-[#AC79EF]

text-[#AC79EF]

border-[#AC79EF]

// Example usage: