#CCC0A7 — Light Muted Yellow

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

#CCC0A7 color swatch, light muted yellow#CCC0A7
CSS Namesilver (closest)

Tints and shades (50–950)

50#f6f5f3
100#ebeae6
200#ddd9d0
300#c7c0b1
400#aba18c
500#968a71
600#847860
700#6e634e
800#5c5340
900#4e4635
950#2e291e

Accessibility

Contrast on white
1.80:1
Contrast on black
11.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.003 85.4); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.006 85.4); /* #ebeae6 */
  --brand-200: oklch(0.885 0.012 85.4); /* #ddd9d0 */
  --brand-300: oklch(0.808 0.022 85.4); /* #c7c0b1 */
  --brand-400: oklch(0.712 0.032 85.4); /* #aba18c */
  --brand-500: oklch(0.637 0.038 85.4); /* #968a71 */
  --brand-600: oklch(0.577 0.038 85.4); /* #847860 */
  --brand-700: oklch(0.505 0.035 85.4); /* #6e634e */
  --brand-800: oklch(0.444 0.032 85.4); /* #5c5340 */
  --brand-900: oklch(0.396 0.028 85.4); /* #4e4635 */
  --brand-950: oklch(0.281 0.02 85.4); /* #2e291e */
}

Explore other colors