Hex Color #540C81 - Custom Color

Color Codes

HEX

#540C81

RGB

rgb(84, 12, 129)

HSL

hsl(277, 83%, 28%)

CMYK

cmyk(35%, 91%, 0%, 49%)

HSV

hsv(277, 91%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1A0C83 #550C83 #830C75

Triadic

#550C83 #83550C #0C8355

Split Complementary

#550C83 #75830C #0C831A

Tetradic (Square)

#550C83 #831A0C #3A830C #0C7583

Complementary

#540C81 #3A830C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.02:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.75: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: #540C81;

color: #540C81;

border-color: #540C81;

}

Tailwind CSS (with arbitrary values)

bg-[#540C81]

text-[#540C81]

border-[#540C81]

// Example usage: