#AB0808 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated red demands immediate attention. Due to its intensity, the hex code #ab0808 functions best as a striking 10% accent rather than a large background. It offers excellent readability for white text with a 7.6:1 contrast ratio. Use it alongside soft, desaturated greys to ground the energy without overwhelming your interface design.
Questions about #ab0808
What is #ab0808 in RGB, HSL and CMYK?
In RGB, #ab0808 is rgb(171, 8, 8), in HSL hsl(0, 91%, 35%) and in CMYK 0%, 95%, 95%, 33%.
How should I use #ab0808 in a UI design?
Use #ab0808 sparingly as a small, high-impact accent, such as for call-to-action buttons or alert notifications, rather than a full background. Its intense saturation quickly overwhelms the eye when applied to large areas, so pair it with neutral whites or light grays.
What colors pair well with #ab0808?
To balance its high energy, combine #ab0808 with desaturated, cool tones like charcoal or soft slate grays. These neutrals allow the red to stand out as a focal point without creating visual tension that strains the reader.
Is #ab0808 readable on white or black?
#ab0808 has a 7.58:1 contrast ratio on white and 2.76: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.