Hex Color #412420 - Custom Color

Color Codes

HEX

#412420

RGB

rgb(65, 36, 32)

HSL

hsl(7, 34%, 19%)

CMYK

cmyk(0%, 45%, 51%, 75%)

HSV

hsv(7, 51%, 25%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#41202D #412420 #413420

Triadic

#412420 #204124 #242041

Split Complementary

#412420 #204134 #202D41

Tetradic (Square)

#412420 #2D4120 #203D41 #342041

Complementary

#412420 #203D41

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.02:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.50: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: #412420;

color: #412420;

border-color: #412420;

}

Tailwind CSS (with arbitrary values)

bg-[#412420]

text-[#412420]

border-[#412420]

// Example usage: