#E02231 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e02231 is a highly saturated, intense red that demands immediate attention. Due to its high chroma, it works best as a 10% accent color for calls to action rather than a dominant background. It pairs exceptionally well with slate grays for a grounded, modern look. The hex code #e02231 offers sufficient contrast for white text to remain readable, ensuring accessibility for UI components.
Questions about #e02231
What is #e02231 in RGB, HSL and CMYK?
In RGB, #e02231 is rgb(224, 34, 49), in HSL hsl(355, 75%, 51%) and in CMYK 0%, 85%, 78%, 12%.
How should #e02231 be used in website design?
#e02231 is a high-chroma red that functions best as a focused accent color for buttons or call-to-action elements. Avoid using it for large backgrounds, as its intense saturation can quickly overwhelm users and fatigue the eyes.
What colors pair well with #e02231?
Because #e02231 is a bold, energetic red, it pairs exceptionally well with neutral tones like slate or cool grays to ground the visual. Using it alongside dark, desaturated neutrals provides the necessary contrast to make the red stand out effectively.
Is #e02231 readable on white or black?
#e02231 has a 4.72:1 contrast ratio on white and 4.44: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.