#CDBA96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Hayloft is a dusty, unsaturated beige with subtle yellow undertones. This muted tone creates a calm background for UI layouts and offers excellent contrast for black typography. It serves as a reliable base, though it can appear washed out against stark white. For a balanced design, pair this shade with deep, rich charcoals instead. The hex code for Hayloft is #cdba96.
About Hayloft
Wheat stalks left dry in the field sun
What does hayloft mean?
The color of dry grass and grain, so it often brings to mind harvest, farmland, and simple handmade goods. Its low saturation and soft warmth make it easygoing and unhurried, like an afternoon that has no plans.
Where you see hayloft
- dried wheat
- unbleached linen
- cardboard
- sandstone
- manila paper
- straw hats
What it works for
It works well as a warm neutral background that supports bolder colors without demanding attention.
What colors go with hayloft?
Rust #b7410eThe orange-red heat of rust stands out against this muted tan.Olive #808000Two dusty, earthy tones that sit together like a dry hillside.Espresso #4e312dThe dark brown grounds this light tan and adds real weight.Plum #8e4585Purple's cool depth balances the tan's yellow warmth.Sage #9caf88Soft green and soft tan share the same dusty, faded quality.Navy #000080Deep blue gives this pale warm tan a crisp, classic edge.
Questions about Hayloft
What is the hex code for Hayloft?
Hayloft is #cdba96. In RGB that is rgb(205, 186, 150), in HSL hsl(39, 35%, 70%) and in CMYK 0%, 9%, 27%, 20%.
Is Hayloft readable on white or black?
Hayloft has a 1.89:1 contrast ratio on white and 11.05: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.