#ED6A6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, saturated red commands attention without feeling aggressive. Because #ed6a6a is so bright, it functions best as a high-impact accent color rather than a large background field. Pair it with dark grays or charcoal to anchor its intensity, or use it to draw the eye to calls to action. It maintains strong contrast against black text, useful when learning what colors make gray palettes for UI design.
Questions about #ed6a6a
What is #ed6a6a in RGB, HSL and CMYK?
In RGB, #ed6a6a is rgb(237, 106, 106), in HSL hsl(0, 78%, 67%) and in CMYK 0%, 55%, 55%, 7%.
How should I use #ed6a6a in my UI design?
#ed6a6a functions best as a high-impact accent color rather than a large background field, as its intensity can quickly overwhelm a layout. Pair it with charcoal or deep slate tones to anchor its brightness and improve readability for text.
Does #ed6a6a read as a warm or cool color?
#ed6a6a is definitively a warm color because of its heavy saturation and red-orange undertones. It carries an energetic and friendly mood, making it well-suited for brands that want to feel accessible, human-centric, and action-oriented.
Is #ed6a6a readable on white or black?
#ed6a6a has a 3.05:1 contrast ratio on white and 6.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.