#FAAAE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, bubblegum magenta feels playful and soft due to its high lightness and moderate saturation. Because it maintains strong contrast against black text, the hex code #faaae3 works well for UI buttons or accent elements where readability is a concern. Avoid using it as a large-scale background, as it can easily overwhelm a layout; pair it with deep charcoal or slate gray to ground its sweetness.
Questions about #faaae3
What is #faaae3 in RGB, HSL and CMYK?
In RGB, #faaae3 is rgb(250, 170, 227), in HSL hsl(317, 89%, 82%) and in CMYK 0%, 32%, 9%, 2%.
How can I effectively use #faaae3 in a UI design?
#faaae3 works best as an accent color for call-to-action buttons or small interface elements where you need high visibility against a dark background. Because it is quite saturated, avoid using it for large-scale backgrounds to prevent the design from becoming visually overwhelming or fatiguing to the user.
What colors pair well with #faaae3 for a balanced palette?
Is #faaae3 readable on white or black?
#faaae3 has a 1.76:1 contrast ratio on white and 11.92: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.