HEX #F9F8F4 / RGB (249, 248, 244)

What is Canvas Color?

Canvas (Hex code: F9F8F4) Thumbnail

Canvas has the hex code #F9F8F4. The equivalent RGB values are (249, 248, 244), which means it is composed of 34% red, 33% green and 33% blue. The CMYK color codes, used in printers, are C:0 M:0 Y:2 K:2. In the HSV/HSB scale, Canvas has a hue of 48°, 2% saturation and a brightness value of 98%.
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.

Canvas white is representative of the color of a blank canvas. The color is not included in the web colors list and cannot be used by name in HTML and CSS code. However, canvas can be applied to web pages with its hex code, RGB and/or HSL values. Please note that the CMYK numbers listed on this page have been derived from the hexadecimal code using known formulae and are only approximates.

Canvas Color Codes

Hex Code#F9F8F4
RGB Values(249, 248, 244)
CMYK Values(0%, 0%, 2%, 2%)
HSV/HSB Values(48°, 2%, 98%)
Closest Web Safe#FFFFFF
Inverse Color#06070B [Vampire Black]
Closest Pantone®7436 C
Closest RAL9016 [Traffic white]
Complementary Color#F4F5F9 [Cultured]
Canvas Converted to Grayscale Codes
Simple Average#F7F7F7
Weighted Average (Most Common)#F8F8F8
Weighted Average (Luma)#F8F8F8
Weighted Average (Gamma Adjusted)#F4F4F4

Canvas Color Palettes

Canvas is almost gray. We don't think there is any need to display the color palettes.
Complementary color palette of F9F8F4. Complementary color is F4F5F9

Complementary Palette

The complement of Canvas is Cultured with the hex code #F4F5F9. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #F9F8F4 color is offered by #F4F5F9. 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 (F9F8F4, F8F9F4 and F9F6F4)

Analogous Palette

The analogous colors of Canvas (#F9F8F4) are Cultured (#F8F9F4) and Cultured (#F9F6F4). In the RGB color wheel, these two analogous colors occur to the right and left of Canvas 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 (F9F8F4, F4F8F9 and F6F4F9)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Canvas (#F9F8F4) are #F4F8F9 (Cultured) and #F6F4F9 (Cultured). 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 (F9F8F4, F4F9F8 and F8F4F9)

Triadic Palette

Canvas triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #F4F9F8 (Cultured) and #F8F4F9 (Cultured) along with #F9F8F4 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 (F9F8F4, F4F9F8, F4F5F9 and F9F4F5)

Tetradic Palette

The tetradic palette of Canvas has four colors - #F4F9F8 (Cultured), #F4F5F9 (Cultured) and #F9F4F5 (Cultured) in addition to the base color (#F9F8F4). 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 (F9F8F4, F4F9F6, F4F5F9 and F9F4F8)

Square Palette

Canvas square color palette has #F4F9F6 (Cultured), #F4F5F9 (Cultured) and #F9F4F8 (Cultured). 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

Canvas Color Rainbow Palette

Our Canvas 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 Canvas Color


  • Transparent FAF9F6#FAF9F6
  • Transparent FBFAF7#FBFAF7
  • Transparent FBFBF8#FBFBF8
  • Transparent FCFCFA#FCFCFA
  • Transparent FDFCFB#FDFCFB
  • Transparent FDFDFC#FDFDFC
  • Transparent FEFEFD#FEFEFD
  • Transparent FEFEFE#FEFEFE


  • Transparent E1E0DD#E1E0DD
  • Transparent D5D4D1#D5D4D1
  • Transparent C9C8C6#C9C8C6
  • Transparent BDBCBA#BDBCBA
  • Transparent B0B0AE#B0B0AE
  • Transparent A4A4A3#A4A4A3
  • Transparent 989897#989897
  • Transparent 8C8C8C#8C8C8C


  • Transparent C7C6C3#C7C6C3
  • Transparent AEAEAB#AEAEAB
  • Transparent 959592#959592
  • Transparent 7D7C7A#7D7C7A
  • Transparent 646362#646362
  • Transparent 4B4A49#4B4A49
  • Transparent 323231#323231
  • Transparent 191918#191918

Canvas Color Patterns

  • Transparent

    Canvas Gingham Checks

  • Transparent

    Canvas Vertical Stripes Pattern

  • Transparent

    Canvas Polka Dots Pattern

  • Transparent

    Canvas Honeycomb Pattern

  • Transparent

    Canvas Leaves Pattern

  • Transparent

    Canvas Houndstooth Pattern

  • Transparent

    Canvas Trellis Pattern

  • Transparent

    Canvas Plaid Pattern