Hex Color #8178FA - Custom Color

Color Codes

HEX

#8178FA

RGB

rgb(129, 120, 250)

HSL

hsl(244, 93%, 73%)

CMYK

cmyk(48%, 52%, 0%, 2%)

HSV

hsv(244, 52%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7AB2FA #837AFA #C37AFA

Triadic

#837AFA #FA837A #7AFA83

Split Complementary

#837AFA #FAC37A #B2FA7A

Tetradic (Square)

#837AFA #FA7AB2 #F2FA7A #7AFAC3

Complementary

#8178FA #F2FA7A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.50:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.00: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: #8178FA;

color: #8178FA;

border-color: #8178FA;

}

Tailwind CSS (with arbitrary values)

bg-[#8178FA]

text-[#8178FA]

border-[#8178FA]

// Example usage: