Buff
Meet Buff (#F0DC82), a warm, sandy hue that bridges the gap between a gentle yellow and a sophisticated beige. Its muted, earthy quality gives it a unique character, offering a subtle warmth that can ground a design without overwhelming the palette.
Buff Code Conversions
HEX
#F0DC82
LAB
88, -5, 47
RGB
240, 220, 130
XYZ
65.6, 71.3, 31.4
HSL
49°, 79%, 73%
LCH
88, 47, 96°
HSB
49°, 46%, 94%
LUV
88, 18, 61
HWB
49°, 51%, 6%
Buff Color Harmonies
Analogous
Analogous colors sit next to each other on the color wheel. When paired with Buff, they form a cohesive palette that feels calm and composed.
Complementary
Complementary colors are found opposite each other on the color wheel. When paired with Buff, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Buff uses the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious palette.
Triadic
A triadic palette uses three colors equidistant on the color wheel. With Buff as the base, this method creates a vibrant, high-contrast combination.
Tetradic
Tetradic schemes pair Buff with three other colors, creating a rich, four-color palette from two sets of complementary hues on the wheel.
Square
A square color scheme pairs Buff with three other colors, all equidistant on the color wheel, for a balanced yet highly contrasting effect.
Buff Contrast Simulation
Buff Color Variations
Shades
Shades are darker versions of Buff, created by adding black for more visual weight.
Tints
Tints are lighter variations of Buff, created by adding white to produce a softer feel.
Tones
Tones of Buff are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Buff's base color, differing in intensity or temperature.
What Interfaces Use Colors Like Buff?
