#C6102E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy red demands attention with its intense, saturated pigment. Because #c6102e is so loud, it works best as a 10% accent color for calls to action rather than a dominant background. White text maintains clear readability against this shade, ensuring accessibility in small UI elements. Use this hex code sparingly to create urgency without overwhelming the viewer.
Questions about #c6102e
What is #c6102e in RGB, HSL and CMYK?
In RGB, #c6102e is rgb(198, 16, 46), in HSL hsl(350, 85%, 42%) and in CMYK 0%, 92%, 77%, 22%.
How should I use #c6102e in a user interface?
Apply #c6102e sparingly as a 10% accent color, specifically for high-priority calls to action like purchase buttons or error alerts. Because this red is so intense, using it as a dominant background often overwhelms the viewer and creates unnecessary visual fatigue.
What colors pair well with #c6102e?
This vibrant red balances best with neutral tones, specifically stark white for readability or a deep charcoal for a sophisticated, modern contrast. Avoid pairing it with other highly saturated hues, as this causes visual vibration and makes text difficult to read.
Is #c6102e readable on white or black?
#c6102e has a 5.97:1 contrast ratio on white and 3.51: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.