#EC6666 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, high-energy red demands immediate attention. Because #ec6666 carries significant intensity, it performs best as a strategic accent rather than a full-page background. Black text remains legible over this shade, ensuring solid contrast for UI elements or buttons. When pairing, avoid muddy tones and instead look toward neutral grays or even other shades of brown to ground its aggressive warmth.
Questions about #ec6666
What is #ec6666 in RGB, HSL and CMYK?
In RGB, #ec6666 is rgb(236, 102, 102), in HSL hsl(0, 78%, 66%) and in CMYK 0%, 57%, 57%, 7%.
What colors pair well with the #ec6666 red-orange?
Is #ec6666 suitable for text on a white background?
Using #ec6666 for body text is generally not recommended as it lacks the contrast needed for accessible readability. It performs significantly better as a functional accent color, such as for call-to-action buttons or alert icons where it can draw the user eye immediately.
Is #ec6666 readable on white or black?
#ec6666 has a 3.15:1 contrast ratio on white and 6.65: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.