#FD8B0D Hex Color

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

Hex color #fd8b0d graphic
Close to the orange of a peeled mango, #fd8b0d is a loud, saturated shade with real punch. Its hex code works best in small doses: buttons, badges, and calls to action. As a full background it tires the eye fast, so keep it to the 10% accent slot. Pair it with deep navy, and use black text on top for about 8.9:1 contrast, which passes WCAG AA for body copy.

Questions about #fd8b0d

What is #fd8b0d in RGB, HSL and CMYK?
In RGB, #fd8b0d is rgb(253, 139, 13), in HSL hsl(32, 98%, 52%) and in CMYK 0%, 45%, 95%, 1%.
What text color works best on #fd8b0d?
Black text is the clear choice on #fd8b0d, with about 8.9:1 contrast, which passes WCAG AA for body copy. White text falls well short of the 4.5:1 threshold, so reserve it for large decorative type only.
What colors pair well with #fd8b0d?
Deep navy and charcoal give #fd8b0d a dark base that lets its warmth read as bold instead of harsh. Next to plain white it can look washed out, so lean on darker neighbors.
Is #fd8b0d readable on white or black?
#fd8b0d has a 2.36:1 contrast ratio on white and 8.87: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.