#FFAA96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated coral is a warm and gentle shade that feels approachable without being overwhelming. Because of its high lightness, it pairs beautifully with dark teal or slate gray to create a balanced, modern palette. Use #ffaa96 as a soft background or a friendly accent color. Black text remains highly readable over this hex code, making it functional for UI components.
Questions about #ffaa96
What is #ffaa96 in RGB, HSL and CMYK?
In RGB, #ffaa96 is rgb(255, 170, 150), in HSL hsl(11, 100%, 79%) and in CMYK 0%, 33%, 41%, 0%.
How can I effectively use #ffaa96 in interface design?
#ffaa96 works best as a soft background or a friendly accent color that does not overwhelm the user. Because it is highly readable with black text, it is safe to use for UI components like alert banners or highlighted call-to-action buttons.
What colors pair well with #ffaa96 for a modern look?
To balance the warmth of #ffaa96, pair it with deeper, cooler tones like dark teal or slate. These high-contrast combinations prevent the design from feeling too washed out while grounding the overall color palette.
Is #ffaa96 readable on white or black?
#ffaa96 has a 1.83:1 contrast ratio on white and 11.44: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.