#CFA79D — Red

#CFA79D is a red in the Red 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.

#CFA79D color swatch, red#CFA79D
CSS Nametan (closest)

Tints and shades (50–950)

50#f8f5f4
100#efe8e6
200#e3d6d2
300#d2bab4
400#bb9990
500#a88076
600#956f65
700#7e5b52
800#694b44
900#593f39
950#352420

Accessibility

Contrast on white
2.17:1
Contrast on black
9.67: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.004 34.4); /* #f8f5f4 */
  --brand-100: oklch(0.936 0.008 34.4); /* #efe8e6 */
  --brand-200: oklch(0.885 0.016 34.4); /* #e3d6d2 */
  --brand-300: oklch(0.808 0.029 34.4); /* #d2bab4 */
  --brand-400: oklch(0.712 0.043 34.4); /* #bb9990 */
  --brand-500: oklch(0.637 0.052 34.4); /* #a88076 */
  --brand-600: oklch(0.577 0.051 34.4); /* #956f65 */
  --brand-700: oklch(0.505 0.048 34.4); /* #7e5b52 */
  --brand-800: oklch(0.444 0.043 34.4); /* #694b44 */
  --brand-900: oklch(0.396 0.038 34.4); /* #593f39 */
  --brand-950: oklch(0.281 0.027 34.4); /* #352420 */
}

Explore other colors