Hex Color #71167E - Custom Color

Color Codes

HEX

#71167E

RGB

rgb(113, 22, 126)

HSL

hsl(293, 70%, 29%)

CMYK

cmyk(10%, 83%, 0%, 51%)

HSV

hsv(293, 83%, 49%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3E167E #72167E #7E1656

Triadic

#72167E #7E7216 #167E72

Split Complementary

#72167E #567E16 #167E3E

Tetradic (Square)

#72167E #7E3E16 #227E16 #16567E

Complementary

#71167E #227E16

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.91:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.12: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: #71167E;

color: #71167E;

border-color: #71167E;

}

Tailwind CSS (with arbitrary values)

bg-[#71167E]

text-[#71167E]

border-[#71167E]

// Example usage: