#F5B7B6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated red feels gentle and youthful due to its high lightness and muted chroma. Because #f5b7b6 offers excellent contrast with black text, it serves as a functional background for UI elements. Pair this shade with deep charcoal or slate gray to anchor its warmth, as it can look washed out when placed directly next to pure white.
Questions about #f5b7b6
What is #f5b7b6 in RGB, HSL and CMYK?
In RGB, #f5b7b6 is rgb(245, 183, 182), in HSL hsl(1, 76%, 84%) and in CMYK 0%, 25%, 26%, 4%.
How do I use #f5b7b6 effectively in UI design?
#f5b7b6 works best as a subtle background color rather than a primary button color because of its low saturation. Use it to provide a gentle, inviting feel in modern interfaces, provided you pair it with charcoal or deep slate text to ensure high legibility.
Does #f5b7b6 have a warm or cool undertone?
While it leans toward a soft, muted red, #f5b7b6 carries a distinct warm undertone that makes it feel youthful and accessible. This warmth can appear washed out against pure white, so it performs better when paired with darker neutral tones.
Is #f5b7b6 readable on white or black?
#f5b7b6 has a 1.70:1 contrast ratio on white and 12.33: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.