#660E2C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, moody maroon holds significant intensity and serves well as a sophisticated accent color. While it pairs beautifully with white text for high-contrast accessibility, it can overwhelm a layout if used as a primary background. Pair it with soft grays or creams to ground the look. The hex code for this color is #660e2c.
Questions about #660e2c
What is #660e2c in RGB, HSL and CMYK?
In RGB, #660e2c is rgb(102, 14, 44), in HSL hsl(340, 76%, 23%) and in CMYK 0%, 86%, 57%, 60%.
How should I use #660e2c in a design layout?
#660e2c serves best as a high-impact accent color rather than a primary background to avoid overwhelming your layout. Use it sparingly for call-to-action buttons or headers, pairing it with soft creams or light grays to ground the visual weight.
Is #660e2c readable on white or black?
#660e2c has a 12.61:1 contrast ratio on white and 1.66:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.