No. 251

Open in book

Red

In 2 combinations · Best text on it: white (7.1:1)
Yellow

In 8 combinations · Best text on it: black (18.0:1)
Diamine Green

In 6 combinations · Best text on it: white (5.8:1)
Slate Color

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

Red + Yellow

6.1:1 AA
Aa Aa

Red + Diamine Green

1.2:1 Fail
Aa Aa

Red + Slate Color

1.4:1 Fail
Aa Aa

Yellow + Diamine Green

5.0:1 AA
Aa Aa

Yellow + Slate Color

8.5:1 AAA
Aa Aa

Diamine Green + Slate Color

1.7:1 Fail

Export

/* Sanzo Wada · Combination No. 251 */
:root {
  --red:           #a72144;
  --yellow:        #fff200;
  --diamine-green: #1a7444;
  --slate-color:   #34454c;
}

// Sanzo Wada · Combination No. 251
$red:           #a72144;
$yellow:        #fff200;
$diamine-green: #1a7444;
$slate-color:   #34454c;

/* Sanzo Wada · Combination No. 251 */
@theme {
  --color-red:           #a72144;
  --color-yellow:        #fff200;
  --color-diamine-green: #1a7444;
  --color-slate-color:   #34454c;
}

// Sanzo Wada · Combination No. 251
// tailwind.config.js → theme.extend.colors
colors: {
  "red": "#a72144",
  "yellow": "#fff200",
  "diamine-green": "#1a7444",
  "slate-color": "#34454c",
}

{
  "name": "Combination No. 251",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Red",
      "hex": "#a72144",
      "rgb": [
        167,
        33,
        68
      ],
      "cmyk": [
        30,
        100,
        70,
        10
      ]
    },
    {
      "name": "Yellow",
      "hex": "#fff200",
      "rgb": [
        255,
        242,
        0
      ],
      "cmyk": [
        0,
        0,
        100,
        0
      ]
    },
    {
      "name": "Diamine Green",
      "hex": "#1a7444",
      "rgb": [
        26,
        116,
        68
      ],
      "cmyk": [
        87,
        32,
        91,
        18
      ]
    },
    {
      "name": "Slate Color",
      "hex": "#34454c",
      "rgb": [
        52,
        69,
        76
      ],
      "cmyk": [
        85,
        70,
        62,
        30
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color