Hex Color #96401E - Custom Color

Color Codes

HEX

#96401E

RGB

rgb(150, 64, 30)

HSL

hsl(17, 67%, 35%)

CMYK

cmyk(0%, 57%, 80%, 41%)

HSV

hsv(17, 80%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#951D37 #953F1D #957B1D

Triadic

#953F1D #1D953F #3F1D95

Split Complementary

#953F1D #1D957B #1D3795

Tetradic (Square)

#953F1D #37951D #1D7395 #7B1D95

Complementary

#96401E #1D7395

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.89:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.05: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: #96401E;

color: #96401E;

border-color: #96401E;

}

Tailwind CSS (with arbitrary values)

bg-[#96401E]

text-[#96401E]

border-[#96401E]

// Example usage: