#DBBAA8 — Light Orange

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

#DBBAA8 color swatch, light orange#DBBAA8
CSS Nametan (closest)

Tints and shades (50–950)

50#f7f5f3
100#eee9e6
200#e2d7d1
300#cfbcb1
400#b79c8c
500#a48372
600#917261
700#7a5e4e
800#664e40
900#574136
950#33261e

Accessibility

Contrast on white
1.81:1
Contrast on black
11.60: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 50.3); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.007 50.3); /* #eee9e6 */
  --brand-200: oklch(0.885 0.015 50.3); /* #e2d7d1 */
  --brand-300: oklch(0.808 0.027 50.3); /* #cfbcb1 */
  --brand-400: oklch(0.712 0.04 50.3); /* #b79c8c */
  --brand-500: oklch(0.637 0.048 50.3); /* #a48372 */
  --brand-600: oklch(0.577 0.047 50.3); /* #917261 */
  --brand-700: oklch(0.505 0.044 50.3); /* #7a5e4e */
  --brand-800: oklch(0.444 0.039 50.3); /* #664e40 */
  --brand-900: oklch(0.396 0.035 50.3); /* #574136 */
  --brand-950: oklch(0.281 0.025 50.3); /* #33261e */
}

Explore other colors