#FFDFBF Hex Color

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

Select a Color

Odious Orange is a luminous, pastel tone with a mellow warmth. Because this pale shade lacks saturation, it serves as a soft, neutral base that avoids the clinical feel of pure white. The hex code for this color is #ffdfbf. Pair it with deep charcoal or slate blue for high readability, as black text offers excellent contrast against this light surface.

About Odious Orange

Sunlight strained through a paper shade

What does odious orange mean?

Pale orange often reads as warmth, comfort, and softness, so people commonly use it for friendly, low-key settings. Its high lightness and very low saturation make it feel mellow and gentle, more like a soft wash than a bold orange.

Where you see odious orange

peaches
sandstone
beige tiles
vanilla custard
terra cotta pots
frosted glass

What it works for

It works well as a background tone in nurseries, packaging, and interiors that need warmth without loud color.

What colors go with odious orange?

Pewter #91a092The gray's cool metal tone steadies this pale orange and keeps it from feeling too sweet.Dusty Rose #b56f76Both colors sit near pastel peach, so the pairing feels soft and even.Midnight Blue #020035The dark blue contrast makes the pale orange glow like lamplight.Chocolate Brown #7b3f00Brown shares its warm base and grounds the color with depth.

Questions about Odious Orange

What is the hex code for Odious Orange?

Odious Orange is #ffdfbf. In RGB that is rgb(255, 223, 191), in HSL hsl(30, 100%, 87%) and in CMYK 0%, 13%, 25%, 0%.

Does #ffdfbf work as a primary background color?

Yes, Odious Orange functions effectively as a background color because its low saturation prevents it from overwhelming page elements. It feels cleaner and more inviting than pure white, providing a soft canvas that pairs beautifully with charcoal or navy text for high readability.

Is Odious Orange readable on white or black?

Odious Orange has a 1.26:1 contrast ratio on white and 16.55: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.