#BFB195 — Muted Yellow
#BFB195 is a 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.
#BFB195
Tints and shades (50–950)
Accessibility
Contrast on white
2.11:1
Contrast on black
9.94: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 84.5); /* #f6f5f3 */
--brand-100: oklch(0.936 0.007 84.5); /* #ece9e5 */
--brand-200: oklch(0.885 0.014 84.5); /* #ddd9cf */
--brand-300: oklch(0.808 0.025 84.5); /* #c8bfaf */
--brand-400: oklch(0.712 0.036 84.5); /* #ada189 */
--brand-500: oklch(0.637 0.044 84.5); /* #988a6d */
--brand-600: oklch(0.577 0.043 84.5); /* #85785d */
--brand-700: oklch(0.505 0.04 84.5); /* #6f634a */
--brand-800: oklch(0.444 0.036 84.5); /* #5d523d */
--brand-900: oklch(0.396 0.032 84.5); /* #4f4533 */
--brand-950: oklch(0.281 0.023 84.5); /* #2e281c */
}