#815F52Deep Orange

#815F52 is a deep 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.

#815F52
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f8f5f3
100#efe8e6
200#e3d6d1
300#d2bbb2
400#ba9a8e
500#a78173
600#947062
700#7d5c4f
800#684c41
900#594037
950#35251f

Accessibility

Contrast on white
5.69:1
Contrast on black
3.69:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whitePass
  • UI components (3:1) on whitePass

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.9); /* #f8f5f3 */
  --brand-100: oklch(0.936 0.008 41.9); /* #efe8e6 */
  --brand-200: oklch(0.885 0.016 41.9); /* #e3d6d1 */
  --brand-300: oklch(0.808 0.029 41.9); /* #d2bbb2 */
  --brand-400: oklch(0.712 0.043 41.9); /* #ba9a8e */
  --brand-500: oklch(0.637 0.052 41.9); /* #a78173 */
  --brand-600: oklch(0.577 0.051 41.9); /* #947062 */
  --brand-700: oklch(0.505 0.047 41.9); /* #7d5c4f */
  --brand-800: oklch(0.444 0.042 41.9); /* #684c41 */
  --brand-900: oklch(0.396 0.038 41.9); /* #594037 */
  --brand-950: oklch(0.281 0.027 41.9); /* #35251f */
}

Explore other colors