#37270D — Dark Yellow

#37270D is a dark yellow in the Yellow family. In practice it looks like an earthy, muted dark dark brown, and it is also commonly known as Dark Brown, Espresso. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#37270D color swatch, dark yellow#37270D
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f3
100#ede9e5
200#dfd8ce
300#cabead
400#b19f86
500#9c886a
600#89765a
700#736248
800#60513b
900#524431
950#30281b

Accessibility

Contrast on white
14.40:1
Contrast on black
1.46:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whitePass
  • 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.003 77.1); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.007 77.1); /* #ede9e5 */
  --brand-200: oklch(0.885 0.015 77.1); /* #dfd8ce */
  --brand-300: oklch(0.808 0.027 77.1); /* #cabead */
  --brand-400: oklch(0.712 0.04 77.1); /* #b19f86 */
  --brand-500: oklch(0.637 0.048 77.1); /* #9c886a */
  --brand-600: oklch(0.577 0.048 77.1); /* #89765a */
  --brand-700: oklch(0.505 0.045 77.1); /* #736248 */
  --brand-800: oklch(0.444 0.04 77.1); /* #60513b */
  --brand-900: oklch(0.396 0.036 77.1); /* #524431 */
  --brand-950: oklch(0.281 0.025 77.1); /* #30281b */
}

Explore other colors