#CB3A5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands instant attention through its lush, bold character. Designers should use #cb3a5f as an accent color for calls to action or highlights rather than a dominant background tone. It pairs effectively with cool charcoal grays to ground the intensity. With a 4.9:1 contrast ratio, white text remains highly legible against this hue. The hex code for this urgent shade is #cb3a5f.
Questions about #cb3a5f
What is #cb3a5f in RGB, HSL and CMYK?
In RGB, #cb3a5f is rgb(203, 58, 95), in HSL hsl(345, 58%, 51%) and in CMYK 0%, 71%, 53%, 20%.
How should I use #cb3a5f in a professional interface?
Use #cb3a5f sparingly as a high-contrast accent color for primary call-to-action buttons or critical alerts rather than a dominant background. It provides excellent legibility for white text, ensuring your UI elements remain accessible while maintaining a strong, energetic visual impact.
What colors pair well with #cb3a5f to balance its intensity?
To ground the intensity of #cb3a5f, pair it with cool neutrals like charcoal or soft off-white tones. These colors provide a sophisticated backdrop that prevents the red from becoming visually overwhelming, allowing the hue to serve as a focused, dynamic highlight.
Is #cb3a5f readable on white or black?
#cb3a5f has a 4.87:1 contrast ratio on white and 4.30: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.