Hex Color #992E26 - Custom Color

Color Codes

HEX

#992E26

RGB

rgb(153, 46, 38)

HSL

hsl(4, 60%, 37%)

CMYK

cmyk(0%, 70%, 75%, 40%)

HSV

hsv(4, 75%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#972657 #972D26 #976626

Triadic

#972D26 #26972D #2D2697

Split Complementary

#972D26 #269766 #265797

Tetradic (Square)

#972D26 #579726 #268F97 #662697

Complementary

#992E26 #268F97

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.57:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.77: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: #992E26;

color: #992E26;

border-color: #992E26;

}

Tailwind CSS (with arbitrary values)

bg-[#992E26]

text-[#992E26]

border-[#992E26]

// Example usage: