#CBC0AF — Light Muted Yellow

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

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

Tints and shades (50–950)

50#f6f5f4
100#ebe9e7
200#dcd8d3
300#c6bfb5
400#aaa192
500#958a79
600#827868
700#6d6355
800#5b5246
900#4d463a
950#2d2821

Accessibility

Contrast on white
1.80:1
Contrast on black
11.70: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 78.9); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.004 78.9); /* #ebe9e7 */
  --brand-200: oklch(0.885 0.009 78.9); /* #dcd8d3 */
  --brand-300: oklch(0.808 0.016 78.9); /* #c6bfb5 */
  --brand-400: oklch(0.712 0.023 78.9); /* #aaa192 */
  --brand-500: oklch(0.637 0.028 78.9); /* #958a79 */
  --brand-600: oklch(0.577 0.027 78.9); /* #827868 */
  --brand-700: oklch(0.505 0.026 78.9); /* #6d6355 */
  --brand-800: oklch(0.444 0.023 78.9); /* #5b5246 */
  --brand-900: oklch(0.396 0.021 78.9); /* #4d463a */
  --brand-950: oklch(0.281 0.014 78.9); /* #2d2821 */
}

Explore other colors