No. 308

Open in book

Fawn

In 3 combinations · Best text on it: black (10.5:1)
Scarlet

In 3 combinations · Best text on it: white (5.2:1)
English Red

In 5 combinations · Best text on it: black (5.9:1)
Cobalt Green

In 12 combinations · Best text on it: black (12.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

Fawn + Scarlet

2.6:1 Fail
Aa Aa

Fawn + English Red

1.8:1 Fail
Aa Aa

Fawn + Cobalt Green

1.1:1 Fail
Aa Aa

Scarlet + English Red

1.5:1 Fail
Aa Aa

Scarlet + Cobalt Green

3.0:1 Fail
Aa Aa

English Red + Cobalt Green

2.0:1 Fail

Export

/* Sanzo Wada · Combination No. 308 */
:root {
  --fawn:         #d1b0a7;
  --scarlet:      #cb2f43;
  --english-red:  #d96629;
  --cobalt-green: #96d1aa;
}

// Sanzo Wada · Combination No. 308
$fawn:         #d1b0a7;
$scarlet:      #cb2f43;
$english-red:  #d96629;
$cobalt-green: #96d1aa;

/* Sanzo Wada · Combination No. 308 */
@theme {
  --color-fawn:         #d1b0a7;
  --color-scarlet:      #cb2f43;
  --color-english-red:  #d96629;
  --color-cobalt-green: #96d1aa;
}

// Sanzo Wada · Combination No. 308
// tailwind.config.js → theme.extend.colors
colors: {
  "fawn": "#d1b0a7",
  "scarlet": "#cb2f43",
  "english-red": "#d96629",
  "cobalt-green": "#96d1aa",
}

{
  "name": "Combination No. 308",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Fawn",
      "hex": "#d1b0a7",
      "rgb": [
        209,
        176,
        167
      ],
      "cmyk": [
        18,
        31,
        30,
        0
      ]
    },
    {
      "name": "Scarlet",
      "hex": "#cb2f43",
      "rgb": [
        203,
        47,
        67
      ],
      "cmyk": [
        10,
        95,
        72,
        7
      ]
    },
    {
      "name": "English Red",
      "hex": "#d96629",
      "rgb": [
        217,
        102,
        41
      ],
      "cmyk": [
        13,
        73,
        100,
        0
      ]
    },
    {
      "name": "Cobalt Green",
      "hex": "#96d1aa",
      "rgb": [
        150,
        209,
        170
      ],
      "cmyk": [
        42,
        0,
        42,
        0
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color