#F2878E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f2878e graphic
#f2878e is a mellow, salmon-leaning red that balances energy with a approachable, softened saturation. Because it is highly readable, designers often use this hex code for UI elements or call-to-action buttons that require attention without the aggression of a pure, fire-engine red. Pair it with deep charcoal or slate gray backgrounds to ground its inherent warmth, as it can feel too sugary against bright white.

Questions about #f2878e

What is #f2878e in RGB, HSL and CMYK?
In RGB, #f2878e is rgb(242, 135, 142), in HSL hsl(356, 80%, 74%) and in CMYK 0%, 44%, 41%, 5%.
What colors pair best with #f2878e?
Pair #f2878e with deep charcoal or dark slate backgrounds to effectively ground its natural, sugary warmth. These neutral, darker tones provide necessary contrast, preventing the red from feeling too intense or flat against stark white surfaces in modern web design.
Why is #f2878e better for UI than a bright red?
Designers use #f2878e because it offers high visibility for call-to-action buttons while avoiding the aggressive, urgent tone associated with standard fire-engine red. Its softened, salmon-like saturation makes it approachable and easier on the eyes for users navigating digital interfaces.
Is #f2878e readable on white or black?
#f2878e has a 2.43:1 contrast ratio on white and 8.63: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.