#DFD8C1 — Light Muted Yellow

#DFD8C1 is a light muted yellow in the Yellow family. In practice it looks like an earthy, muted light beige, and it is also commonly known as Beige, Greige. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#DFD8C1 color swatch, light muted yellow#DFD8C1
CSS Namegainsboro (closest)

Tints and shades (50–950)

50#f6f5f4
100#ebeae6
200#dbd9d2
300#c4c0b3
400#a8a28f
500#928b75
600#807964
700#6b6551
800#595443
900#4b4738
950#2c291f

Accessibility

Contrast on white
1.43:1
Contrast on black
14.73:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whiteFail
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • UI components (3:1) on whiteFail

Need a passing variant? Repair this color in the contrast checker.

Complementary palette

Analogous palette

Triadic palette

Copy-ready CSS

brand-scale.css
:root {
  --brand-50: oklch(0.971 0.002 93); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.005 93); /* #ebeae6 */
  --brand-200: oklch(0.885 0.01 93); /* #dbd9d2 */
  --brand-300: oklch(0.808 0.019 93); /* #c4c0b3 */
  --brand-400: oklch(0.712 0.028 93); /* #a8a28f */
  --brand-500: oklch(0.637 0.033 93); /* #928b75 */
  --brand-600: oklch(0.577 0.033 93); /* #807964 */
  --brand-700: oklch(0.505 0.031 93); /* #6b6551 */
  --brand-800: oklch(0.444 0.027 93); /* #595443 */
  --brand-900: oklch(0.396 0.025 93); /* #4b4738 */
  --brand-950: oklch(0.281 0.017 93); /* #2c291f */
}

Explore other colors