Hex Color #881049 - Custom Color

Color Codes

HEX

#881049

RGB

rgb(136, 16, 73)

HSL

hsl(332, 79%, 30%)

CMYK

cmyk(0%, 88%, 46%, 47%)

HSV

hsv(332, 88%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#891085 #891048 #891410

Triadic

#891048 #488910 #104889

Split Complementary

#891048 #108914 #108589

Tetradic (Square)

#891048 #858910 #108951 #141089

Complementary

#881049 #108951

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.47:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.22: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: #881049;

color: #881049;

border-color: #881049;

}

Tailwind CSS (with arbitrary values)

bg-[#881049]

text-[#881049]

border-[#881049]

// Example usage: