Hex Color #BC73E5 - Custom Color

Color Codes

HEX

#BC73E5

RGB

rgb(188, 115, 229)

HSL

hsl(278, 69%, 67%)

CMYK

cmyk(18%, 50%, 0%, 10%)

HSV

hsv(278, 50%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8071E5 #BA71E5 #E571D5

Triadic

#BA71E5 #E5BA71 #71E5BA

Split Complementary

#BA71E5 #D5E571 #71E580

Tetradic (Square)

#BA71E5 #E58071 #9BE571 #71D5E5

Complementary

#BC73E5 #9BE571

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.72: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: #BC73E5;

color: #BC73E5;

border-color: #BC73E5;

}

Tailwind CSS (with arbitrary values)

bg-[#BC73E5]

text-[#BC73E5]

border-[#BC73E5]

// Example usage: