#EFA170 Hex Color

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

Hex color #efa170 graphic
This pastel orange balances warmth with a creamy, muted lightness. It works best as an accent color in playful, youth-oriented designs rather than a dominant background, where it can easily appear washed out. Pair #efa170 with deep slate blues or dark charcoals to ground its high-energy personality. Because it maintains strong contrast against black, the hex code #efa170 is safe for readable body text in specific UI layouts.

Questions about #efa170

What is #efa170 in RGB, HSL and CMYK?
In RGB, #efa170 is rgb(239, 161, 112), in HSL hsl(23, 80%, 69%) and in CMYK 0%, 33%, 53%, 6%.
What colors pair best with #efa170 for a balanced design?
Pair #efa170 with deep slate blues or rich charcoal to ground its high-energy personality and improve readability. These darker neutrals provide the necessary contrast to stop this pastel from appearing washed out or overly bright in UI layouts.
Is #efa170 suitable for text on a white background?
#efa170 often lacks sufficient contrast for small body text against white, failing common accessibility standards for readability. It functions best as an accent for headers, UI buttons, or playful graphic elements where contrast requirements are less strict than standard body copy.
Is #efa170 readable on white or black?
#efa170 has a 2.09:1 contrast ratio on white and 10.00: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.