#A23231 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted brick red carries a serious, grounded weight. Because of its dark and dusty character, #a23231 works best as a primary accent color rather than a large-scale background. It offers high contrast for white text, making it a reliable choice for buttons or bold typography. Pair it with soft cream or slate gray to avoid a harsh, aggressive look in your UI design.
Questions about #a23231
What is #a23231 in RGB, HSL and CMYK?
In RGB, #a23231 is rgb(162, 50, 49), in HSL hsl(1, 54%, 41%) and in CMYK 0%, 69%, 70%, 36%.
What colors pair well with #a23231?
Because of its intense, grounded nature, #a23231 looks best when paired with softer, neutral tones to keep the design balanced. Try using it alongside cream or slate gray to prevent the color from feeling too aggressive in your layout.
Is #a23231 suitable for large background areas?
It is generally better to use #a23231 as an accent rather than a background. Its dark and dusty character is visually heavy, so large blocks can overwhelm a design, while it shines when used for buttons, links, or bold call-to-action text.
Is #a23231 readable on white or black?
#a23231 has a 6.91:1 contrast ratio on white and 3.03: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.