#C19D92 — Orange

#C19D92 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.

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

Tints and shades (50–950)

50#f8f5f4
100#eee8e6
200#e3d6d2
300#d1bbb4
400#b99a90
500#a68276
600#937066
700#7c5c53
800#674c44
900#584039
950#342520

Accessibility

Contrast on white
2.47:1
Contrast on black
8.51: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 37.7); /* #f8f5f4 */
  --brand-100: oklch(0.936 0.007 37.7); /* #eee8e6 */
  --brand-200: oklch(0.885 0.015 37.7); /* #e3d6d2 */
  --brand-300: oklch(0.808 0.027 37.7); /* #d1bbb4 */
  --brand-400: oklch(0.712 0.04 37.7); /* #b99a90 */
  --brand-500: oklch(0.637 0.048 37.7); /* #a68276 */
  --brand-600: oklch(0.577 0.047 37.7); /* #937066 */
  --brand-700: oklch(0.505 0.044 37.7); /* #7c5c53 */
  --brand-800: oklch(0.444 0.04 37.7); /* #674c44 */
  --brand-900: oklch(0.396 0.036 37.7); /* #584039 */
  --brand-950: oklch(0.281 0.025 37.7); /* #342520 */
}

Explore other colors