Hazelnut
Meet Hazelnut (#AE9F80), a warm, earthy neutral with a quiet sophistication. Its muted, golden-brown undertones give it a unique character that feels both organic and refined, making it a versatile choice for creating grounded yet elegant user interfaces.
Hazelnut Code Conversions
HEX
#AE9F80
LAB
66, 1, 18
RGB
174, 159, 128
XYZ
33.8, 35.4, 25.5
HSL
40°, 22%, 59%
LCH
66, 18, 88°
HSB
40°, 26%, 68%
LUV
66, 11, 24
HWB
40°, 50%, 32%
Hazelnut Color Harmonies
Analogous
An analogous scheme pairs Hazelnut with its neighbors on the color wheel. The result is a unified and serene palette, creating a sense of harmony.
Complementary
Complementary colors are opposites on the color wheel. Paired with Hazelnut, these shades create a dynamic visual contrast that makes both colors pop.
Split Complementary
For Hazelnut, a split complementary palette takes the two colors next to its opposite, creating a vibrant yet sophisticated and balanced visual effect.
Triadic
Triadic color schemes use three colors evenly spaced on the color wheel. With Hazelnut as the base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for Hazelnut pairs it with its complement, plus another complementary pair, forming a rich, four-color rectangle on the wheel.
Square
A square color scheme uses four colors equidistant on the color wheel. With Hazelnut as the base, this combination offers vibrant, high-contrast palettes.
Hazelnut Contrast Simulation
Hazelnut Color Variations
Shades
Shades of Hazelnut are created by adding black, resulting in darker tones with more depth.
Tints
Tints are lighter variations of Hazelnut, created by adding white for a softer effect.
Tones
Tones are created by adding gray to Hazelnut, resulting in a softer, less saturated version.
Hues
Hues are variations of Hazelnut that alter its intensity or temperature, creating different visual moods.
What Interfaces Use Colors Like Hazelnut?
