#7E0C0E Color

#7E0C0E is rgb(126, 12, 14) in RGB and hsl(359, 83%, 27%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#7E0C0E

HEX#7E0C0E

RGBrgb(126, 12, 14)

HSLhsl(359, 83%, 27%)

HSVhsv(359, 90%, 49%)

OKLCHoklch(37.9% 0.146 27.3)

CMYKcmyk(0%, 90%, 89%, 51%)

Text Contrast & Accessibility

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

TextWhite text10.79:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#7E0C0E Complementary#0C7E7C Analogous#7E0C47 Analogous#7E430C Triadic#0E7E0C Triadic#0C0E7E

Tints & Shades

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

Tints

#AD1013 #DB1418 #EC3639 #F16A6C #F5989A #FAC7C8

Shades

#700A0C #5D090A #4F0709 #410607 #330506 #210304

Use #7E0C0E in Our Tools

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