Canvas Color Code: HEX Code & RGB Code Values

Looking for specific canvas color code? Get exact canvas hex code #F8F8F0 and canvas RGB code rgb(248,248,240). Complete color information for design and development projects featuring this versatile, textured off-white color.

HEX#F8F8F0

RGBrgb(248,248,240)

Shades of Canvas

Create custom shades of canvas with our color generator. Adjust hues, tints, and tones to find the perfect shade of canvas for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• F8F8F0

  rgb(248, 248, 240)
• CACAC4

  rgb(202, 202, 196)
• 9E9E99

  rgb(158, 158, 153)
• 747470

  rgb(116, 116, 112)
• 4C4C4A

  rgb(76, 76, 74)
• 282827

  rgb(40, 40, 39)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• F8F8F0

  rgb(248, 248, 240)
• F9F9F2

  rgb(249, 249, 242)
• FAFAF5

  rgb(250, 250, 245)
• FCFBF7

  rgb(252, 251, 247)
• FDFDFA

  rgb(253, 253, 250)
• FEFEFC

  rgb(254, 254, 252)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• F8F8F0

  rgb(248, 248, 240)
• F8F8F1

  rgb(248, 248, 241)
• F8F8F2

  rgb(248, 248, 242)
• F8F8F3

  rgb(248, 248, 243)
• F8F8F5

  rgb(248, 248, 245)
• F8F8F6

  rgb(248, 248, 246)
• 808080

  rgb(128, 128, 128)

Canvas Palette

Explore curated and automatically generated color palettes featuring canvas. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F7F7EE

Light

#F7F7EE

Medium Light

#F8F8EF

Medium

#F8F8F0

Medium Dark

#E3E2C3

Dark

#CECC97

Darkest

#B7B76C

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#F8F8F0

Left Dark

#F7F7F1

Left Medium

#F7F6F3

Left Light

#F6F6F4

Neutral

#F5F5F5

Right Light

#F4F4F6

Right Medium

#F3F2F7

Right Dark

#F1F1F7

Complementary End

#F0F0F8

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FCFBF7

Medium

#F8F8F0

Dark

#74746D

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#F8F0F0

Left Adjacent 1

#F8F4F0

Main

#F8F8F0

Right Adjacent 1

#F4F8F0

Right Adjacent 2

#F0F8F0

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#F8F8F0

Complementary

#F0F0F8

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#F8F8F0

Secondary

#F0F8F8

Tertiary

#F8F0F8

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#F8F8F0

Right 90°

#F0F8F4

Complementary

#F0F0F8

Left 90°

#F8F0F4

Tetradic

Two pairs of complementary colors

4 colors

Main

#F8F8F0

Secondary

#F0F8F0

Complementary

#F0F0F8

Complementary Secondary

#F8F0F8

Split Complementary

Complementary colors ±30°

3 colors

Main

#F8F8F0

Split Left

#F0F4F8

Split Right

#F4F0F8

Cyclic

Circular gradient for periodic data

8 colors

0°

#F8F8F0

45°

#F2F8F0

90°

#F0F8F4

135°

#F0F6F8

180°

#F0F0F8

225°

#F6F0F8

270°

#F8F0F4

315°

#F8F2F0

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#BBBBAA

Pastel 1

#C4C4B5

Pastel 2

#CDCDC1

Pastel 3

#D6D6CC

Pastel 4

#DFDFD7

Deep Pastel

#E8E8E3

Common Neutral Color Codes (HEX & RGB)

White →

HEX:#FFFFFF

RGB:rgb(255, 255, 255)

Off White →

HEX:#FAF9F6

RGB:rgb(250,249,246)

Ivory →

HEX:#FFFFF0

RGB:rgb(255, 255, 240)

Cream →

HEX:#FFFFF0

RGB:rgb(255,255,240)

Extract Canvas Hex & RGB Codes from Image

Upload a photo to find the exact canvas HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Canvas Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for canvas shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #F8F8F0
• RGB:
  rgb(248, 248, 240)
• CMYK:
  cmyk(0%, 0%, 3%, 3%)
• HSV:
  hsv(60°, 3%, 97%)
• HSL:
  hsl(60°, 36%, 96%)

---

What is Canvas?

Canvas is a versatile, textured off-white color named after artist's canvas. It's a neutral, slightly warm shade that evokes feelings of creativity and possibility. This color is often associated with art, painting, and creative projects.

The hex code for canvas is #F8F8F0, with RGB values of rgb(248, 248, 240). It's a versatile, beautiful color that works well in many design contexts.

Design Applications

Canvas works well in art-related designs, creative branding, and minimalist aesthetics. It pairs beautifully with bold colors, brown, and black. Use it for art supplies, creative platforms, or to create a clean, artistic atmosphere in your projects.

FAQ

What is the canvas hex code?

The canvas hex code is #F8F8F0.

What colors complement canvas?

Canvas pairs well with bold colors, brown, black, and white.

Is canvas named after artist's canvas?

Yes, it's named for the traditional artist's canvas color.