No. 304

Open in book

Hay's Russet

In 11 combinations · Best text on it: white (9.1:1)
Cream Yellow

In 14 combinations · Best text on it: black (12.8:1)
Dark Citrine

In 4 combinations · Best text on it: black (5.5:1)
Benzol Green

In 11 combinations · Best text on it: black (5.8:1)

← → previous / next · B bookmark

Designer tools

Contrast

WCAG 2 contrast for each pair, for text of one color on the other. AA needs 4.5:1 for body text, or 3:1 for large text; AAA needs 7:1.

Aa Aa

Hay's Russet + Cream Yellow

5.5:1 AA
Aa Aa

Hay's Russet + Dark Citrine

2.4:1 Fail
Aa Aa

Hay's Russet + Benzol Green

2.5:1 Fail
Aa Aa

Cream Yellow + Dark Citrine

2.3:1 Fail
Aa Aa

Cream Yellow + Benzol Green

2.2:1 Fail
Aa Aa

Dark Citrine + Benzol Green

1.1:1 Fail

Export

/* Sanzo Wada · Combination No. 304 */
:root {
  --hays-russet:  #793327;
  --cream-yellow: #fdbf68;
  --dark-citrine: #8b835b;
  --benzol-green: #00978d;
}

// Sanzo Wada · Combination No. 304
$hays-russet:  #793327;
$cream-yellow: #fdbf68;
$dark-citrine: #8b835b;
$benzol-green: #00978d;

/* Sanzo Wada · Combination No. 304 */
@theme {
  --color-hays-russet:  #793327;
  --color-cream-yellow: #fdbf68;
  --color-dark-citrine: #8b835b;
  --color-benzol-green: #00978d;
}

// Sanzo Wada · Combination No. 304
// tailwind.config.js → theme.extend.colors
colors: {
  "hays-russet": "#793327",
  "cream-yellow": "#fdbf68",
  "dark-citrine": "#8b835b",
  "benzol-green": "#00978d",
}

{
  "name": "Combination No. 304",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Hay's Russet",
      "hex": "#793327",
      "rgb": [
        121,
        51,
        39
      ],
      "cmyk": [
        37,
        85,
        87,
        35
      ]
    },
    {
      "name": "Cream Yellow",
      "hex": "#fdbf68",
      "rgb": [
        253,
        191,
        104
      ],
      "cmyk": [
        0,
        28,
        68,
        0
      ]
    },
    {
      "name": "Dark Citrine",
      "hex": "#8b835b",
      "rgb": [
        139,
        131,
        91
      ],
      "cmyk": [
        38,
        34,
        67,
        20
      ]
    },
    {
      "name": "Benzol Green",
      "hex": "#00978d",
      "rgb": [
        0,
        151,
        141
      ],
      "cmyk": [
        100,
        15,
        55,
        0
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color