#DECCD1 — Light Muted Crimson

#DECCD1 is a light muted crimson in the Crimson 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.

#DECCD1 color swatch, light muted crimson#DECCD1
CSS Namelightgray (closest)

Tints and shades (50–950)

50#f6f5f5
100#ece9ea
200#ddd7d9
300#c8bdc0
400#ad9ea2
500#97868b
600#857479
700#6f6064
800#5d5053
900#4e4346
950#2e2729

Accessibility

Contrast on white
1.54:1
Contrast on black
13.66: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 358.8); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.003 358.8); /* #ece9ea */
  --brand-200: oklch(0.885 0.007 358.8); /* #ddd7d9 */
  --brand-300: oklch(0.808 0.012 358.8); /* #c8bdc0 */
  --brand-400: oklch(0.712 0.018 358.8); /* #ad9ea2 */
  --brand-500: oklch(0.637 0.022 358.8); /* #97868b */
  --brand-600: oklch(0.577 0.022 358.8); /* #857479 */
  --brand-700: oklch(0.505 0.02 358.8); /* #6f6064 */
  --brand-800: oklch(0.444 0.018 358.8); /* #5d5053 */
  --brand-900: oklch(0.396 0.016 358.8); /* #4e4346 */
  --brand-950: oklch(0.281 0.012 358.8); /* #2e2729 */
}

Explore other colors