Hex Color #820D0E - Custom Color

Color Codes

HEX

#820D0E

RGB

rgb(130, 13, 14)

HSL

hsl(359, 82%, 28%)

CMYK

cmyk(0%, 90%, 89%, 49%)

HSV

hsv(359, 90%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#820D49 #820D0F #82450D

Triadic

#820D0F #0F820D #0D0F82

Split Complementary

#820D0F #0D8245 #0D4982

Tetradic (Square)

#820D0F #49820D #0D8280 #450D82

Complementary

#820D0E #0D8280

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.43:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.01: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: #820D0E;

color: #820D0E;

border-color: #820D0E;

}

Tailwind CSS (with arbitrary values)

bg-[#820D0E]

text-[#820D0E]

border-[#820D0E]

// Example usage: