#BE0C1E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands immediate attention with its intense, high-energy presence. Because of its visual weight, #be0c1e performs best as a 10% accent color for calls to action or alert indicators rather than a full-page background. It pairs cleanly with stark white text, maintaining a strong 6.4:1 contrast ratio that ensures readability. Use this hex code sparingly to avoid overwhelming your design interface.
Questions about #be0c1e
What is #be0c1e in RGB, HSL and CMYK?
In RGB, #be0c1e is rgb(190, 12, 30), in HSL hsl(354, 88%, 40%) and in CMYK 0%, 94%, 84%, 25%.
How should I use #be0c1e effectively in a user interface?
#be0c1e is best used sparingly as a 10% accent color, such as for primary action buttons or critical error states. Because of its extreme intensity, using it for backgrounds or large areas will quickly overwhelm the user's focus.
Is #be0c1e readable on white or black?
#be0c1e has a 6.44:1 contrast ratio on white and 3.26: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.