Buff Yellow

HEX #F1BF70 / RGB (241, 191, 112)

Basket of buff yellow

What is Buff Yellow Color?

Buff Yellow (Hex code: F1BF70) Thumbnail

Buff Yellow is from the Pantone® Textile Cotton eXtended list where it is numbered 14-0847 TCX. The CMYK values of the color have not been provided by the company and the ones listed on this page have been calculated from the hexadecimal value and are only approximations. The color can be applied on a web page with the help of HTML and/or CSS through the hex, RGB, HSB or CMYK values.

Buff Yellow Color Codes

Hex Code#F1BF70
RGB Values(241, 191, 112)
CMYK Values(0%, 21%, 54%, 6%)
HSV/HSB Values(37°, 54%, 95%)
Closest Web Safe#FFCC66
Inverse Color#0E408F [Yale Blue]
Closest RAL1017 [Saffron yellow]
Complementary Color#70A2F1 [Cornflower Blue]
Buff Yellow Converted to Grayscale Codes
Simple Average#B5B5B5
Weighted Average (Most Common)#C5C5C5
Weighted Average (Luma)#C4C4C4
Weighted Average (Gamma Adjusted)#DCDCDC

Buff Yellow Color Palettes

Complementary color palette of F1BF70. Complementary color is 70A2F1

Complementary Palette

The complement of Buff Yellow is Cornflower Blue with the hex code #70A2F1. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #F1BF70 color is offered by #70A2F1. 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 (F1BF70, E3F170 and F17F70)

Analogous Palette

The analogous colors of Buff Yellow (#F1BF70) are Booger Buster (#E3F170) and Salmon (#F17F70). In the RGB color wheel, these two analogous colors occur to the right and left of Buff Yellow 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 (F1BF70, 70E3F1 and 7F70F1)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Buff Yellow (#F1BF70) are #70E3F1 (Sky Blue (Crayola)) and #7F70F1 (Medium Slate Blue). 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 (F1BF70, 70F1BF and BF70F1)

Triadic Palette

Buff Yellow triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #70F1BF (Aquamarine) and #BF70F1 (Lavender (Floral)) along with #F1BF70 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 (F1BF70, 70F1BF, 70A2F1 and F170A2)

Tetradic Palette

The tetradic palette of Buff Yellow has four colors - #70F1BF (Aquamarine), #70A2F1 (Cornflower Blue) and #F170A2 (Cyclamen) in addition to the base color (#F1BF70). 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 (F1BF70, 70F17F, 70A2F1 and F170E3)

Square Palette

Buff Yellow square color palette has #70F17F (Very Light Malachite Green), #70A2F1 (Cornflower Blue) and #F170E3 (Lavender Magenta). 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 Yellow Color Rainbow Palette

Our Buff Yellow 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 Yellow Color


  • Transparent F4CC8D#F4CC8D
  • Transparent F5D29B#F5D29B
  • Transparent F7D9A9#F7D9A9
  • Transparent F8DFB8#F8DFB8
  • Transparent F9E5C6#F9E5C6
  • Transparent FBECD4#FBECD4
  • Transparent FCF2E2#FCF2E2
  • Transparent FEF9F1#FEF9F1


  • Transparent DAB273#DAB273
  • Transparent CFAC75#CFAC75
  • Transparent C4A676#C4A676
  • Transparent B9A078#B9A078
  • Transparent AD997A#AD997A
  • Transparent A2937B#A2937B
  • Transparent 978D7D#978D7D
  • Transparent 8B867E#8B867E


  • Transparent C1995A#C1995A
  • Transparent A9864E#A9864E
  • Transparent 917343#917343
  • Transparent 796038#796038
  • Transparent 604C2D#604C2D
  • Transparent 483922#483922
  • Transparent 302616#302616
  • Transparent 18130B#18130B

Buff Yellow Color Patterns

  • Transparent

    Buff Yellow Gingham Checks

  • Transparent

    Buff Yellow Vertical Stripes Pattern

  • Transparent

    Buff Yellow Polka Dots Pattern

  • Transparent

    Buff Yellow Honeycomb Pattern

  • Transparent

    Buff Yellow Leaves Pattern

  • Transparent

    Buff Yellow Houndstooth Pattern

  • Transparent

    Buff Yellow Trellis Pattern

  • Transparent

    Buff Yellow Plaid Pattern

Photo credits: klipartz.com