#37270C — Dark Yellow

#37270C 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.

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

Tints and shades (50–950)

50#f7f5f3
100#ede9e4
200#dfd8ce
300#cabead
400#b19f86
500#9c886a
600#8a7659
700#736247
800#60513a
900#524430
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.9); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.007 77.9); /* #ede9e4 */
  --brand-200: oklch(0.885 0.015 77.9); /* #dfd8ce */
  --brand-300: oklch(0.808 0.028 77.9); /* #cabead */
  --brand-400: oklch(0.712 0.041 77.9); /* #b19f86 */
  --brand-500: oklch(0.637 0.049 77.9); /* #9c886a */
  --brand-600: oklch(0.577 0.048 77.9); /* #8a7659 */
  --brand-700: oklch(0.505 0.046 77.9); /* #736247 */
  --brand-800: oklch(0.444 0.041 77.9); /* #60513a */
  --brand-900: oklch(0.396 0.037 77.9); /* #524430 */
  --brand-950: oklch(0.281 0.026 77.9); /* #30281b */
}

Explore other colors