#C22327 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c22327 is a bold, high-intensity red that commands immediate attention. Because of its extreme saturation, it works best as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs well with charcoal grays for a balanced, modern look. White text provides strong legibility against this shade, meeting accessibility standards for small body text.
Questions about #c22327
What is #c22327 in RGB, HSL and CMYK?
In RGB, #c22327 is rgb(194, 35, 39), in HSL hsl(358, 69%, 45%) and in CMYK 0%, 82%, 80%, 24%.
How should I use #c22327 in a user interface design?
Because #c22327 is extremely saturated, it is most effective when used sparingly as a small accent color for call-to-action buttons or important UI highlights rather than a background. Use it to draw immediate focus to interactive elements.
Which colors pair best with #c22327?
This vibrant red looks best when balanced by neutral tones like charcoal or cool grays, which ground the intensity of the hue. These pairings prevent the color from overwhelming the visual hierarchy of your design layout.
Is #c22327 readable on white or black?
#c22327 has a 5.89:1 contrast ratio on white and 3.56: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.