#D2AAAE — Crimson
#D2AAAE is a 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.
#D2AAAETints and shades (50–950)
Accessibility
Contrast on white
2.08:1
Contrast on black
10.10: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 11.5); /* #f8f4f5 */
--brand-100: oklch(0.936 0.007 11.5); /* #efe8e8 */
--brand-200: oklch(0.885 0.015 11.5); /* #e3d5d6 */
--brand-300: oklch(0.808 0.028 11.5); /* #d1b9bc */
--brand-400: oklch(0.712 0.041 11.5); /* #ba989b */
--brand-500: oklch(0.637 0.049 11.5); /* #a77f83 */
--brand-600: oklch(0.577 0.048 11.5); /* #946e72 */
--brand-700: oklch(0.505 0.046 11.5); /* #7c5a5e */
--brand-800: oklch(0.444 0.041 11.5); /* #684a4e */
--brand-900: oklch(0.396 0.037 11.5); /* #593f41 */
--brand-950: oklch(0.281 0.026 11.5); /* #352426 */
}