Color Code Palette

Appearance

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.

Visual example of canvas color with its versatile, textured appearance
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.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 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.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#3498DB
Complementary
#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34

Tetradic

Two pairs of complementary colors

4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34

Split Complementary

Complementary colors ±30°

3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34

Cyclic

Circular gradient for periodic data

8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB

Common Neutral Color Codes (HEX & RGB) ​

White →
HEX:#FFFFFF
RGB:rgb(255, 255, 255)
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.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

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.