#CABA98Light Yellow

#CABA98 is a light 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.

#CABA98
CSS Name (closest)

Tints and shades (50–950)

50#f6f5f3
100#ece9e4
200#ded9cd
300#c9bfac
400#aea184
500#998967
600#877857
700#716345
800#5e5238
900#50452e
950#2f281a

Accessibility

Contrast on white
1.91:1
Contrast on black
10.99: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.004 85.8); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.008 85.8); /* #ece9e4 */
  --brand-200: oklch(0.885 0.016 85.8); /* #ded9cd */
  --brand-300: oklch(0.808 0.029 85.8); /* #c9bfac */
  --brand-400: oklch(0.712 0.043 85.8); /* #aea184 */
  --brand-500: oklch(0.637 0.052 85.8); /* #998967 */
  --brand-600: oklch(0.577 0.051 85.8); /* #877857 */
  --brand-700: oklch(0.505 0.048 85.8); /* #716345 */
  --brand-800: oklch(0.444 0.043 85.8); /* #5e5238 */
  --brand-900: oklch(0.396 0.038 85.8); /* #50452e */
  --brand-950: oklch(0.281 0.027 85.8); /* #2f281a */
}

Explore other colors