Buff

HEX #F0DC82 / RGB (240, 220, 130)

Buff natural chamois

What is Buff Color?

Buff (Hex code: F0DC82) Thumbnail

Buff has the hex code #F0DC82. The equivalent RGB values are (240, 220, 130), which means it is composed of 41% red, 37% green and 22% blue. The CMYK color codes, used in printers, are C:0 M:8 Y:46 K:6. In the HSV/HSB scale, Buff has a hue of 49°, 46% saturation and a brightness value of 94%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Buff is a brownish yellow color of undyed fine leather. The name probably originates from buffalo leather, though it could have come from the leather of other bovine animals. Traditionally, buff has been used extensively in military uniforms because it offers good camouflage in desert (sand), soil and dry vegetation areas.

The hex code of buff is #F0DC82 and the RGB numbers are (240, 220, 130). It is not a part of the web colors list and hence should be used in HTML and CSS code with these values and NOT its name.
Buff, as a color, is more common that you would imagine. It’s the color of Manila paper, envelops used in commercial mailing and occurs in several U.S. state flags. As a side note, the funnels of the Titanic were “buff with a black top”. Also, the American phrase “buff” meaning enthusiast (or expert) might be derived from the color of the uniforms worn by volunteer firefighters.

Buff Color Codes

Hex Code#F0DC82
RGB Values(240, 220, 130)
CMYK Values(0%, 8%, 46%, 6%)
HSV/HSB Values(49°, 46%, 94%)
Closest Web Safe#FFCC99
Inverse Color#0F237D [Catalina Blue]
Closest Pantone®7403 C
Closest RAL1014 [Ivory]
Complementary Color#8296F0 [Vista Blue]
Buff Converted to Grayscale Codes
Simple Average#C5C5C5
Desaturated#B9B9B9
Weighted Average (Most Common)#D8D8D8
Weighted Average (Luma)#DADADA
Weighted Average (Gamma Adjusted)#E6E6E6

Buff Color Palettes

Complementary color palette of F0DC82. Complementary color is 8296F0

Complementary Palette

The complement of Buff is Vista Blue with the hex code #8296F0. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #F0DC82 color is offered by #8296F0. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (F0DC82, CDF082 and F0A582)

Analogous Palette

The analogous colors of Buff (#F0DC82) are Yellow-Green (Crayola) (#CDF082) and Vivid Tangerine (#F0A582). In the RGB color wheel, these two analogous colors occur to the right and left of Buff with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (F0DC82, 82CDF0 and A582F0)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Buff (#F0DC82) are #82CDF0 (Sky Blue) and #A582F0 (Lavender (Floral)). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (F0DC82, 82F0DC and DC82F0)

Triadic Palette

Buff triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #82F0DC (Aquamarine) and #DC82F0 (Bright Lilac) along with #F0DC82 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (F0DC82, 82F0DC, 8296F0 and F08296)

Tetradic Palette

The tetradic palette of Buff has four colors - #82F0DC (Aquamarine), #8296F0 (Vista Blue) and #F08296 (Tulip) in addition to the base color (#F0DC82). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (F0DC82, 82F0A5, 8296F0 and F082CD)

Square Palette

Buff square color palette has #82F0A5 (Light Green), #8296F0 (Vista Blue) and #F082CD (Princess Perfume). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Buff Color Rainbow Palette

Our Buff rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Buff Color

Tints

  • Transparent F3E39B#F3E39B
  • Transparent F5E7A8#F5E7A8
  • Transparent F6EAB4#F6EAB4
  • Transparent F8EEC1#F8EEC1
  • Transparent F9F1CD#F9F1CD
  • Transparent FBF5DA#FBF5DA
  • Transparent FCF8E6#FCF8E6
  • Transparent FEFCF3#FEFCF3

Tones

  • Transparent DACA82#DACA82
  • Transparent CEC081#CEC081
  • Transparent C3B781#C3B781
  • Transparent B8AE81#B8AE81
  • Transparent ADA581#ADA581
  • Transparent A29C81#A29C81
  • Transparent 969280#969280
  • Transparent 8B8980#8B8980

Shades

  • Transparent C0B068#C0B068
  • Transparent A89A5B#A89A5B
  • Transparent 90844E#90844E
  • Transparent 786E41#786E41
  • Transparent 605834#605834
  • Transparent 484227#484227
  • Transparent 302C1A#302C1A
  • Transparent 18160D#18160D

Buff Color Patterns

  • Transparent

    Buff Gingham Checks

  • Transparent

    Buff Vertical Stripes Pattern

  • Transparent

    Buff Polka Dots Pattern

  • Transparent

    Buff Honeycomb Pattern

  • Transparent

    Buff Leaves Pattern

  • Transparent

    Buff Houndstooth Pattern

  • Transparent

    Buff Trellis Pattern

  • Transparent

    Buff Plaid Pattern

Photo credits: wikimedia.org