#6F6544 — Deep Yellow

#6F6544 is a deep yellow in the Yellow family. In practice it looks like an earthy, muted medium taupe, and it is also commonly known as Taupe, Warm Gray. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#6F6544 color swatch, deep yellow#6F6544
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ebeae4
200#ddd9cd
300#c6c0ab
400#aba284
500#968b67
600#847956
700#6e6445
800#5c5338
900#4e462e
950#2e2919

Accessibility

Contrast on white
5.80:1
Contrast on black
3.62:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whitePass
  • UI components (3:1) on whitePass

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 93.2); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.008 93.2); /* #ebeae4 */
  --brand-200: oklch(0.885 0.016 93.2); /* #ddd9cd */
  --brand-300: oklch(0.808 0.029 93.2); /* #c6c0ab */
  --brand-400: oklch(0.712 0.044 93.2); /* #aba284 */
  --brand-500: oklch(0.637 0.052 93.2); /* #968b67 */
  --brand-600: oklch(0.577 0.051 93.2); /* #847956 */
  --brand-700: oklch(0.505 0.048 93.2); /* #6e6445 */
  --brand-800: oklch(0.444 0.043 93.2); /* #5c5338 */
  --brand-900: oklch(0.396 0.039 93.2); /* #4e462e */
  --brand-950: oklch(0.281 0.027 93.2); /* #2e2919 */
}

Explore other colors