Hex Color #840D20 - Custom Color

Color Codes

HEX

#840D20

RGB

rgb(132, 13, 32)

HSL

hsl(350, 82%, 28%)

CMYK

cmyk(0%, 90%, 76%, 48%)

HSV

hsv(350, 90%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#820D5B #820D20 #82340D

Triadic

#820D20 #20820D #0D2082

Split Complementary

#820D20 #0D8234 #0D5B82

Tetradic (Square)

#820D20 #5B820D #0D826E #340D82

Complementary

#840D20 #0D826E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.20:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.06: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: #840D20;

color: #840D20;

border-color: #840D20;

}

Tailwind CSS (with arbitrary values)

bg-[#840D20]

text-[#840D20]

border-[#840D20]

// Example usage: