No. 325

Open in book

Eugenia Red | B

In 8 combinations · Best text on it: black (5.3:1)
Naples Yellow

In 6 combinations · Best text on it: black (16.9:1)
Yellow Ocher

In 8 combinations · Best text on it: black (10.9:1)
Deep Slate Green

In 6 combinations · Best text on it: white (14.3: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

Eugenia Red | B + Naples Yellow

3.2:1 AA Large
Aa Aa

Eugenia Red | B + Yellow Ocher

2.0:1 Fail
Aa Aa

Eugenia Red | B + Deep Slate Green

3.6:1 AA Large
Aa Aa

Naples Yellow + Yellow Ocher

1.6:1 Fail
Aa Aa

Naples Yellow + Deep Slate Green

11.5:1 AAA
Aa Aa

Yellow Ocher + Deep Slate Green

7.4:1 AAA

Export

/* Sanzo Wada · Combination No. 325 */
:root {
  --eugenia-red-b:    #da525d;
  --naples-yellow:    #fbe6a0;
  --yellow-ocher:     #e2b540;
  --deep-slate-green: #112f2c;
}

// Sanzo Wada · Combination No. 325
$eugenia-red-b:    #da525d;
$naples-yellow:    #fbe6a0;
$yellow-ocher:     #e2b540;
$deep-slate-green: #112f2c;

/* Sanzo Wada · Combination No. 325 */
@theme {
  --color-eugenia-red-b:    #da525d;
  --color-naples-yellow:    #fbe6a0;
  --color-yellow-ocher:     #e2b540;
  --color-deep-slate-green: #112f2c;
}

// Sanzo Wada · Combination No. 325
// tailwind.config.js → theme.extend.colors
colors: {
  "eugenia-red-b": "#da525d",
  "naples-yellow": "#fbe6a0",
  "yellow-ocher": "#e2b540",
  "deep-slate-green": "#112f2c",
}

{
  "name": "Combination No. 325",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Eugenia Red | B",
      "hex": "#da525d",
      "rgb": [
        218,
        82,
        93
      ],
      "cmyk": [
        0,
        80,
        50,
        10
      ]
    },
    {
      "name": "Naples Yellow",
      "hex": "#fbe6a0",
      "rgb": [
        251,
        230,
        160
      ],
      "cmyk": [
        2,
        7,
        44,
        0
      ]
    },
    {
      "name": "Yellow Ocher",
      "hex": "#e2b540",
      "rgb": [
        226,
        181,
        64
      ],
      "cmyk": [
        12,
        28,
        88,
        0
      ]
    },
    {
      "name": "Deep Slate Green",
      "hex": "#112f2c",
      "rgb": [
        17,
        47,
        44
      ],
      "cmyk": [
        80,
        50,
        60,
        70
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color