Hex Color #BA58CA - Custom Color

Color Codes

HEX

#BA58CA

RGB

rgb(186, 88, 202)

HSL

hsl(292, 52%, 57%)

CMYK

cmyk(8%, 56%, 0%, 21%)

HSV

hsv(292, 56%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8258CA #BB58CA #CA58A1

Triadic

#BB58CA #CABB58 #58CABB

Split Complementary

#BB58CA #A1CA58 #58CA82

Tetradic (Square)

#BB58CA #CA8258 #68CA58 #58A1CA

Complementary

#BA58CA #68CA58

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.94:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.34: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: #BA58CA;

color: #BA58CA;

border-color: #BA58CA;

}

Tailwind CSS (with arbitrary values)

bg-[#BA58CA]

text-[#BA58CA]

border-[#BA58CA]

// Example usage: