#FD6C95 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy pink demands immediate attention with its intense, saturated glow. Because #fd6c95 sits on the louder side of the spectrum, it works best as a punchy accent color rather than a primary background. Pair it with deep charcoal or slate greys to ground the brightness. The hex code #fd6c95 offers excellent readability for black text, making it a reliable choice for buttons or bold callouts.
Questions about #fd6c95
What is #fd6c95 in RGB, HSL and CMYK?
In RGB, #fd6c95 is rgb(253, 108, 149), in HSL hsl(343, 97%, 71%) and in CMYK 0%, 57%, 41%, 1%.
What colors pair well with #fd6c95 for a balanced design?
Pair #fd6c95 with deep, neutral tones like charcoal or slate gray to ground its intense, high-energy brightness. Using dark, desaturated neutrals ensures the pink remains a punchy focal point without overwhelming the viewer's eye or sacrificing essential readability.
Is #fd6c95 suitable for primary text on a website?
This color is generally too bright and saturated to be used for primary body text, as it may cause eye strain. Reserve #fd6c95 for buttons, bold callouts, or small decorative elements where high visibility and immediate user attention are required.
Is #fd6c95 readable on white or black?
#fd6c95 has a 2.70:1 contrast ratio on white and 7.75: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.