Hex Color #784ABF - Custom Color

Color Codes

HEX

#784ABF

RGB

rgb(120, 74, 191)

HSL

hsl(264, 48%, 52%)

CMYK

cmyk(37%, 61%, 0%, 25%)

HSV

hsv(264, 61%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4A56BF #794ABF #B44ABF

Triadic

#794ABF #BF794A #4ABF79

Split Complementary

#794ABF #BFB44A #56BF4A

Tetradic (Square)

#794ABF #BF4A56 #90BF4A #4ABFB4

Complementary

#784ABF #90BF4A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.95:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.53: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: #784ABF;

color: #784ABF;

border-color: #784ABF;

}

Tailwind CSS (with arbitrary values)

bg-[#784ABF]

text-[#784ABF]

border-[#784ABF]

// Example usage: