No. 216

Open in book

Jasper Red

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

In 3 combinations · Best text on it: black (6.2:1)
Black

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

Jasper Red + Green

1.1:1 Fail
Aa Aa

Jasper Red + Black

5.1:1 AA
Aa Aa

Green + Black

5.5:1 AA

Export

/* Sanzo Wada · Combination No. 216 */
:root {
  --jasper-red: #eb5324;
  --green:      #489b6e;
  --black:      #111314;
}

// Sanzo Wada · Combination No. 216
$jasper-red: #eb5324;
$green:      #489b6e;
$black:      #111314;

/* Sanzo Wada · Combination No. 216 */
@theme {
  --color-jasper-red: #eb5324;
  --color-green:      #489b6e;
  --color-black:      #111314;
}

// Sanzo Wada · Combination No. 216
// tailwind.config.js → theme.extend.colors
colors: {
  "jasper-red": "#eb5324",
  "green": "#489b6e",
  "black": "#111314",
}

{
  "name": "Combination No. 216",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Jasper Red",
      "hex": "#eb5324",
      "rgb": [
        235,
        83,
        36
      ],
      "cmyk": [
        2,
        83,
        100,
        0
      ]
    },
    {
      "name": "Green",
      "hex": "#489b6e",
      "rgb": [
        72,
        155,
        110
      ],
      "cmyk": [
        75,
        21,
        73,
        0
      ]
    },
    {
      "name": "Black",
      "hex": "#111314",
      "rgb": [
        17,
        19,
        20
      ],
      "cmyk": [
        20,
        10,
        15,
        100
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color