#E0AF80 Hex Color

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

Hex color #e0af80 graphic
This muted orange sits in a soft, unsaturated space that avoids being too loud. Because of its light tone, black text remains highly readable over it, reaching a 10.6:1 contrast ratio. Designers often use this shade as a warm neutral base for spring palettes. Try pairing it with charcoal grays to ground the warmth. The hex code is #e0af80.

Questions about #e0af80

What is #e0af80 in RGB, HSL and CMYK?
In RGB, #e0af80 is rgb(224, 175, 128), in HSL hsl(29, 61%, 69%) and in CMYK 0%, 22%, 43%, 12%. Browse more shades of orange with names and hex codes.
How can #e0af80 be used effectively in UI design?
#e0af80 works best as a background color for sections needing warmth without visual intensity. Because of its light tone, black text remains highly readable over it, achieving a 10.6:1 contrast ratio that meets strict accessibility standards for body content.
Which colors create a balanced palette with #e0af80?
Pair #e0af80 with charcoal to ground its airy, unsaturated warmth. It also harmonizes well with sage greens or muted blues, which provide a cool, natural contrast that highlights the orange undertones without overwhelming the design.
Is #e0af80 readable on white or black?
#e0af80 has a 1.97:1 contrast ratio on white and 10.61: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.