#F5E2EA Hex Color

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

Hex color #f5e2ea graphic
This luminous, desaturated pink balances tenderness with a cool grey undertone. Because #f5e2ea is quite pale, it lacks the punch needed for primary UI elements but works well as a soft, secondary background color. Pair it with deep charcoal or slate greys to ground the sweetness. The hex code for this shade is #f5e2ea, and its high contrast allows for perfectly legible black text.

Questions about #f5e2ea

What is #f5e2ea in RGB, HSL and CMYK?
In RGB, #f5e2ea is rgb(245, 226, 234), in HSL hsl(335, 49%, 92%) and in CMYK 0%, 8%, 4%, 4%.
What colors pair well with #f5e2ea for a balanced design?
Because #f5e2ea is quite pale and desaturated, it needs deep, high-contrast colors to keep the design grounded. Pair it with charcoal or slate to provide the visual weight necessary for readability and to balance its inherent sweetness.
Is #f5e2ea suitable for primary UI text?
No, #f5e2ea is far too light and lacks sufficient contrast against standard white backgrounds to be used for primary text. It functions best as a subtle background color or a soft accent for decorative UI elements like cards or dividers.
Is #f5e2ea readable on white or black?
#f5e2ea has a 1.23:1 contrast ratio on white and 16.94: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.