#FD3774 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity shade sits right on the edge of red and pink. With its extreme saturation, #fd3774 demands immediate attention and carries a loud, aggressive energy. It works best as a sharp accent rather than a full background, as its brightness can overwhelm the eye. Pair this hex code with dark charcoal or muted grays to ground the color and improve legibility.
Questions about #fd3774
What is #fd3774 in RGB, HSL and CMYK?
In RGB, #fd3774 is rgb(253, 55, 116), in HSL hsl(342, 98%, 60%) and in CMYK 0%, 78%, 54%, 1%.
How can I effectively use the high-energy #fd3774 in a design layout?
Use #fd3774 sparingly as a vibrant call-to-action button or a small graphic highlight rather than a large background. Its extreme saturation often overwhelms the eye, so pair it with deep, neutral colors like charcoal or slate to ground the design and ensure text remains readable.
Is #fd3774 readable on white or black?
#fd3774 has a 3.51:1 contrast ratio on white and 5.97: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.