#220D10Dark Muted Crimson

#220D10 is a dark muted crimson in the Crimson family. In practice it looks like an earthy, muted dark dark brown, and it is also commonly known as Dark Brown, Espresso. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#220D10
CSS Namemidnightblue (closest)

Tints and shades (50–950)

50#f7f5f5
100#ede8e9
200#e1d6d7
300#cebbbd
400#b59b9d
500#a18285
600#8e7174
700#775d5f
800#644d4f
900#554143
950#322526

Accessibility

Contrast on white
18.53:1
Contrast on black
1.13:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whitePass
  • AAA Large (4.5:1) on whitePass
  • UI components (3:1) on whitePass

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 12); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.006 12); /* #ede8e9 */
  --brand-200: oklch(0.885 0.012 12); /* #e1d6d7 */
  --brand-300: oklch(0.808 0.021 12); /* #cebbbd */
  --brand-400: oklch(0.712 0.031 12); /* #b59b9d */
  --brand-500: oklch(0.637 0.038 12); /* #a18285 */
  --brand-600: oklch(0.577 0.037 12); /* #8e7174 */
  --brand-700: oklch(0.505 0.035 12); /* #775d5f */
  --brand-800: oklch(0.444 0.031 12); /* #644d4f */
  --brand-900: oklch(0.396 0.028 12); /* #554143 */
  --brand-950: oklch(0.281 0.02 12); /* #322526 */
}

Explore other colors