#64100C Color

#64100C is rgb(100, 16, 12) in RGB and hsl(3, 79%, 22%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#64100C

HEX#64100C

RGBrgb(100, 16, 12)

HSLhsl(3, 79%, 22%)

HSVhsv(3, 88%, 39%)

OKLCHoklch(32.8% 0.118 28.5)

CMYKcmyk(0%, 84%, 88%, 61%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #64100C background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text12.95:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.62:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #64100C based on color wheel relationships. Click any swatch for its full breakdown.

Base#64100C Complementary#0C6064 Analogous#640C34 Analogous#643D0C Triadic#0C6410 Triadic#100C64

Tints & Shades

Lighter tints and darker shades of #64100C, useful for hover states, backgrounds, and text variants.

Tints

#971812 #C92018 #E73B32 #EC665F #F29691 #F8C6C4

Shades

#570E0A #4E0D09 #400A07 #370906 #290705 #200504

Use #64100C in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex