#EEC9BF — Light Muted Orange

#EEC9BF is a light muted orange in the Orange 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.

#EEC9BF color swatch, light muted orange#EEC9BF
CSS Namepink (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e7
200#e2d6d3
300#d0bbb5
400#b99a92
500#a58278
600#927067
700#7b5c54
800#674c45
900#58403a
950#342521

Accessibility

Contrast on white
1.53:1
Contrast on black
13.74: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 35.6); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 35.6); /* #eee8e7 */
  --brand-200: oklch(0.885 0.014 35.6); /* #e2d6d3 */
  --brand-300: oklch(0.808 0.026 35.6); /* #d0bbb5 */
  --brand-400: oklch(0.712 0.039 35.6); /* #b99a92 */
  --brand-500: oklch(0.637 0.047 35.6); /* #a58278 */
  --brand-600: oklch(0.577 0.046 35.6); /* #927067 */
  --brand-700: oklch(0.505 0.043 35.6); /* #7b5c54 */
  --brand-800: oklch(0.444 0.038 35.6); /* #674c45 */
  --brand-900: oklch(0.396 0.034 35.6); /* #58403a */
  --brand-950: oklch(0.281 0.024 35.6); /* #342521 */
}

Explore other colors