#421E15 Color

#421E15 is rgb(66, 30, 21) in RGB and hsl(12, 52%, 17%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#421E15

HEX#421E15

RGBrgb(66, 30, 21)

HSLhsl(12, 52%, 17%)

HSVhsv(12, 68%, 26%)

OKLCHoklch(28.4% 0.058 35.1)

CMYKcmyk(0%, 55%, 68%, 74%)

Text Contrast & Accessibility

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

TextWhite text14.7:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#421E15 Complementary#153942 Analogous#421522 Analogous#423415 Triadic#15421E Triadic#1E1542

Tints & Shades

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

Tints

#703323 #9B4631 #C45E45 #D28370 #E0AB9E #EED0C9

Shades

#3A1A12 #321710 #2B130D #27120C #1F0E0A #170B07

Use #421E15 in Our Tools

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