#DDD8BCLight Muted Yellow

#DDD8BC 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.

#DDD8BC
CSS Namelightgray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ebeae5
200#dbd9d0
300#c4c1b1
400#a7a38c
500#918c71
600#7f7a60
700#6a654d
800#58543f
900#4a4735
950#2c291e

Accessibility

Contrast on white
1.44:1
Contrast on black
14.62: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.003 98.8); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.006 98.8); /* #ebeae5 */
  --brand-200: oklch(0.885 0.012 98.8); /* #dbd9d0 */
  --brand-300: oklch(0.808 0.022 98.8); /* #c4c1b1 */
  --brand-400: oklch(0.712 0.033 98.8); /* #a7a38c */
  --brand-500: oklch(0.637 0.04 98.8); /* #918c71 */
  --brand-600: oklch(0.577 0.039 98.8); /* #7f7a60 */
  --brand-700: oklch(0.505 0.036 98.8); /* #6a654d */
  --brand-800: oklch(0.444 0.033 98.8); /* #58543f */
  --brand-900: oklch(0.396 0.029 98.8); /* #4a4735 */
  --brand-950: oklch(0.281 0.021 98.8); /* #2c291e */
}

Explore other colors