#FD6B6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fd6b6b acts as a loud, high-chroma red that grabs the eye. Use it sparingly as an accent for call-to-action buttons rather than a full background. Black text offers strong readability against this bright hue, making it accessible for small details. Pair this color with deep, cool charcoal to ground its intense warmth. The hex code for this shade is #fd6b6b.
Questions about #fd6b6b
What is #fd6b6b in RGB, HSL and CMYK?
In RGB, #fd6b6b is rgb(253, 107, 107), in HSL hsl(0, 97%, 71%) and in CMYK 0%, 58%, 58%, 1%.
How can I effectively use #fd6b6b in web design?
Because #fd6b6b is an intense and demanding shade, it is best reserved for small interactive elements like buttons, alerts, or notification badges. Avoid using it for large background surfaces to prevent eye strain, and always pair it with deep, neutral text for readability.
What colors pair well with #fd6b6b?
This bold red creates a balanced, sophisticated palette when paired with deep charcoal or dark navy. These dark neutrals ground the high-chroma intensity of #fd6b6b, preventing it from overwhelming your layout while maintaining a clean, modern aesthetic for user interfaces.
Is #fd6b6b readable on white or black?
#fd6b6b has a 2.80:1 contrast ratio on white and 7.49:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.