Hex Color #64201D - Custom Color

Color Codes

HEX

#64201D

RGB

rgb(100, 32, 29)

HSL

hsl(3, 55%, 25%)

CMYK

cmyk(0%, 68%, 71%, 61%)

HSV

hsv(3, 71%, 39%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#631D3C #63201D #63431D

Triadic

#63201D #1D6320 #201D63

Split Complementary

#63201D #1D6343 #1D3C63

Tetradic (Square)

#63201D #3C631D #1D5F63 #431D63

Complementary

#64201D #1D5F63

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.89:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.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: #64201D;

color: #64201D;

border-color: #64201D;

}

Tailwind CSS (with arbitrary values)

bg-[#64201D]

text-[#64201D]

border-[#64201D]

// Example usage: