Hex Color #AF161F - Custom Color

Color Codes

HEX

#AF161F

RGB

rgb(175, 22, 31)

HSL

hsl(356, 78%, 39%)

CMYK

cmyk(0%, 87%, 82%, 31%)

HSV

hsv(356, 87%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B1166E #B11620 #B15916

Triadic

#B11620 #20B116 #1620B1

Split Complementary

#B11620 #16B159 #166EB1

Tetradic (Square)

#B11620 #6EB116 #16B1A7 #5916B1

Complementary

#AF161F #16B1A7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.10:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.96: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: #AF161F;

color: #AF161F;

border-color: #AF161F;

}

Tailwind CSS (with arbitrary values)

bg-[#AF161F]

text-[#AF161F]

border-[#AF161F]

// Example usage: