#C3BFB0 — Light Muted Yellow

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

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

Tints and shades (50–950)

50#f6f5f4
100#eaeae7
200#dad9d4
300#c3c0b7
400#a6a296
500#8f8b7c
600#7d7a6b
700#686558
800#575448
900#49473d
950#2b2923

Accessibility

Contrast on white
1.84:1
Contrast on black
11.40: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 94.6); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.003 94.6); /* #eaeae7 */
  --brand-200: oklch(0.885 0.007 94.6); /* #dad9d4 */
  --brand-300: oklch(0.808 0.012 94.6); /* #c3c0b7 */
  --brand-400: oklch(0.712 0.018 94.6); /* #a6a296 */
  --brand-500: oklch(0.637 0.022 94.6); /* #8f8b7c */
  --brand-600: oklch(0.577 0.022 94.6); /* #7d7a6b */
  --brand-700: oklch(0.505 0.02 94.6); /* #686558 */
  --brand-800: oklch(0.444 0.018 94.6); /* #575448 */
  --brand-900: oklch(0.396 0.016 94.6); /* #49473d */
  --brand-950: oklch(0.281 0.012 94.6); /* #2b2923 */
}

Explore other colors