#420A0F Color

#420A0F is rgb(66, 10, 15) in RGB and hsl(355, 74%, 15%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#420A0F

HEX#420A0F

RGBrgb(66, 10, 15)

HSLhsl(355, 74%, 15%)

HSVhsv(355, 85%, 26%)

OKLCHoklch(25.2% 0.084 21.2)

CMYKcmyk(0%, 85%, 77%, 74%)

Text Contrast & Accessibility

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

TextWhite text16.38:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#420A0F Complementary#0A433E Analogous#430A2B Analogous#43220A Triadic#0F430A Triadic#0A0F43

Tints & Shades

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

Tints

#78121A #AD1A26 #DF2635 #E65662 #EE8C94 #F6C1C5

Shades

#3A090D #35080C #2C070A #280609 #1F0507 #1B0406

Use #420A0F in Our Tools

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