Hex Color #541C7B - Custom Color

Color Codes

HEX

#541C7B

RGB

rgb(84, 28, 123)

HSL

hsl(275, 63%, 30%)

CMYK

cmyk(32%, 77%, 0%, 52%)

HSV

hsv(275, 77%, 48%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#241C7D #551C7D #7D1C75

Triadic

#551C7D #7D551C #1C7D55

Split Complementary

#551C7D #757D1C #1C7D24

Tetradic (Square)

#551C7D #7D241C #447D1C #1C757D

Complementary

#541C7B #447D1C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.48:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.83: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: #541C7B;

color: #541C7B;

border-color: #541C7B;

}

Tailwind CSS (with arbitrary values)

bg-[#541C7B]

text-[#541C7B]

border-[#541C7B]

// Example usage: