#F2BB9D Hex Color
Mellow and approachable dusty orange tone
This dusty, unsaturated orange feels mellow and approachable. Because of its muted, ashy quality, #f2bb9d works best as a supporting tone rather than a dominant base. Pair it with deep charcoal or slate gray to keep it from looking washed out. The hex code for this gentle shade is #f2bb9d, which provides enough contrast for black text to remain legible in most UI designs.
Questions about #f2bb9d
What is #f2bb9d in RGB, HSL and CMYK?
In RGB, #f2bb9d is rgb(242, 187, 157), in HSL hsl(21, 77%, 78%) and in CMYK 0%, 23%, 35%, 5%.
Which colors pair well with #f2bb9d for a balanced design?
Because #f2bb9d has an ashy, muted quality, it is best balanced by anchoring it with deep, dark neutrals. Using charcoal or dark slate gray prevents the color from looking washed out and provides the necessary contrast for readability.
Is #f2bb9d suitable for text or UI elements?
While #f2bb9d works beautifully as a soft background or accent, it is too light to be used for small, body-copy text. Always overlay it with black or very dark navy text to ensure your design remains accessible and easy to read.
Is #f2bb9d readable on white or black?
#f2bb9d has a 1.69:1 contrast ratio on white and 12.37: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.