No. 322

Open in book

Spectrum Red

In 4 combinations · Best text on it: white (4.7:1)
Brick Red

In 5 combinations · Best text on it: white (6.1:1)
Eupatorium Purple

In 3 combinations · Best text on it: black (5.0:1)
Blue Violet

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

Spectrum Red + Brick Red

1.3:1 Fail
Aa Aa

Spectrum Red + Eupatorium Purple

1.1:1 Fail
Aa Aa

Spectrum Red + Blue Violet

1.4:1 Fail
Aa Aa

Brick Red + Eupatorium Purple

1.4:1 Fail
Aa Aa

Brick Red + Blue Violet

1.1:1 Fail
Aa Aa

Eupatorium Purple + Blue Violet

1.6:1 Fail

Export

/* Sanzo Wada · Combination No. 322 */
:root {
  --spectrum-red:      #e31f26;
  --brick-red:         #a84222;
  --eupatorium-purple: #bf5892;
  --blue-violet:       #6450a1;
}

// Sanzo Wada · Combination No. 322
$spectrum-red:      #e31f26;
$brick-red:         #a84222;
$eupatorium-purple: #bf5892;
$blue-violet:       #6450a1;

/* Sanzo Wada · Combination No. 322 */
@theme {
  --color-spectrum-red:      #e31f26;
  --color-brick-red:         #a84222;
  --color-eupatorium-purple: #bf5892;
  --color-blue-violet:       #6450a1;
}

// Sanzo Wada · Combination No. 322
// tailwind.config.js → theme.extend.colors
colors: {
  "spectrum-red": "#e31f26",
  "brick-red": "#a84222",
  "eupatorium-purple": "#bf5892",
  "blue-violet": "#6450a1",
}

{
  "name": "Combination No. 322",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Spectrum Red",
      "hex": "#e31f26",
      "rgb": [
        227,
        31,
        38
      ],
      "cmyk": [
        5,
        100,
        100,
        0
      ]
    },
    {
      "name": "Brick Red",
      "hex": "#a84222",
      "rgb": [
        168,
        66,
        34
      ],
      "cmyk": [
        22,
        84,
        100,
        18
      ]
    },
    {
      "name": "Eupatorium Purple",
      "hex": "#bf5892",
      "rgb": [
        191,
        88,
        146
      ],
      "cmyk": [
        25,
        79,
        12,
        0
      ]
    },
    {
      "name": "Blue Violet",
      "hex": "#6450a1",
      "rgb": [
        100,
        80,
        161
      ],
      "cmyk": [
        72,
        80,
        0,
        0
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color