#C19C8E — Orange

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

#C19C8E color swatch, orange#C19C8E
CSS Namerosybrown (closest)

Tints and shades (50–950)

50#f8f5f3
100#efe8e6
200#e3d6d1
300#d1bbb2
400#ba9a8e
500#a78173
600#947062
700#7c5c50
800#684c42
900#594037
950#35251f

Accessibility

Contrast on white
2.50:1
Contrast on black
8.41: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 41.8); /* #f8f5f3 */
  --brand-100: oklch(0.936 0.008 41.8); /* #efe8e6 */
  --brand-200: oklch(0.885 0.016 41.8); /* #e3d6d1 */
  --brand-300: oklch(0.808 0.029 41.8); /* #d1bbb2 */
  --brand-400: oklch(0.712 0.042 41.8); /* #ba9a8e */
  --brand-500: oklch(0.637 0.051 41.8); /* #a78173 */
  --brand-600: oklch(0.577 0.05 41.8); /* #947062 */
  --brand-700: oklch(0.505 0.047 41.8); /* #7c5c50 */
  --brand-800: oklch(0.444 0.042 41.8); /* #684c42 */
  --brand-900: oklch(0.396 0.038 41.8); /* #594037 */
  --brand-950: oklch(0.281 0.027 41.8); /* #35251f */
}

Explore other colors