#9E0C3C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9e0c3c is a saturated, intense red with dark undertones that command immediate attention. Because of its weight, it works best as a sharp accent rather than a full background. Pair it with soft, warm grays to balance its aggressive energy without losing its impact. For optimal readability, stick to white text against this hex code, which offers excellent contrast for calls to action or UI highlights.
Questions about #9e0c3c
What is #9e0c3c in RGB, HSL and CMYK?
In RGB, #9e0c3c is rgb(158, 12, 60), in HSL hsl(340, 86%, 33%) and in CMYK 0%, 92%, 62%, 38%.
What is the best way to use #9e0c3c in a UI design?
Use #9e0c3c primarily for high-impact elements like call-to-action buttons or critical alerts where you need to draw the eye immediately. Because it is so saturated, avoid using it as a text color or a full-page background, as it can easily overwhelm the user experience.
Which colors pair best with #9e0c3c?
Pair this red with neutral tones like light gray or warm off-whites to balance its aggressive energy without muting its natural impact. For a more sophisticated palette, combining it with deep navy or charcoal adds a grounded, professional contrast.
Is #9e0c3c readable on white or black?
#9e0c3c has a 8.16:1 contrast ratio on white and 2.57: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.