Huebook

Washed Canvas Analogous Color Scheme

Five colors arranged by the analogous rule around Washed Canvas (#F3F0DA), each snapped to its nearest named color.

#F3D9DC
#F4E2D9
#F3F0DA
#E9F3DD
#DBF2D9

Color names and codes

NameHEXRGBHSLCMYK
Funhouse#F3D9DC243, 217, 220353°, 52%, 90%0, 11, 9, 5
Sitting Pretty#F4E2D9244, 226, 21720°, 55%, 90%0, 7, 11, 4
Washed Canvas#F3F0DA243, 240, 21853°, 51%, 90%0, 1, 10, 5
Diminished Mint#E9F3DD233, 243, 22187°, 48%, 91%4, 0, 9, 5
Frostini#DBF2D9219, 242, 217115°, 49%, 90%10, 0, 10, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F3D9DC on #E9F3DD1.16:1—
Aa #F3D9DC on #F3F0DA1.16:1—
Aa #F3D9DC on #DBF2D91.12:1—
Aa #F4E2D9 on #E9F3DD1.10:1—
Aa #F4E2D9 on #F3F0DA1.09:1—
Aa #F3D9DC on #F4E2D91.06:1—

CSS variables

:root {
  --color-1: #f3d9dc; /* Funhouse */
  --color-2: #f4e2d9; /* Sitting Pretty */
  --color-3: #f3f0da; /* Washed Canvas */
  --color-4: #e9f3dd; /* Diminished Mint */
  --color-5: #dbf2d9; /* Frostini */
}

Other schemes from Washed Canvas

More Very Light Yellow analogous palettes

Questions

What colors go with Washed Canvas?

In a analogous scheme: Funhouse (#F3D9DC), Sitting Pretty (#F4E2D9), Diminished Mint (#E9F3DD), Frostini (#DBF2D9).

What is the hex code of Washed Canvas?

#F3F0DA.