Hex Color #881819 - Custom Color

Color Codes

HEX

#881819

RGB

rgb(136, 24, 25)

HSL

hsl(359, 70%, 31%)

CMYK

cmyk(0%, 82%, 82%, 47%)

HSV

hsv(359, 82%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#861851 #86181A #864D18

Triadic

#86181A #1A8618 #181A86

Split Complementary

#86181A #18864D #185186

Tetradic (Square)

#86181A #518618 #188685 #4D1886

Complementary

#881819 #188685

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.58:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.19: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: #881819;

color: #881819;

border-color: #881819;

}

Tailwind CSS (with arbitrary values)

bg-[#881819]

text-[#881819]

border-[#881819]

// Example usage: