No. 135

Open in book

Sulpher Yellow

In 18 combinations · Best text on it: black (17.7:1)
Cossack Green

In 9 combinations · Best text on it: white (5.3:1)
Salvia Blue

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

Sulpher Yellow + Cossack Green

4.5:1 AA Large
Aa Aa

Sulpher Yellow + Salvia Blue

2.0:1 Fail
Aa Aa

Cossack Green + Salvia Blue

2.3:1 Fail

Export

/* Sanzo Wada · Combination No. 135 */
:root {
  --sulpher-yellow: #f5ecc2;
  --cossack-green:  #437742;
  --salvia-blue:    #97acc8;
}

// Sanzo Wada · Combination No. 135
$sulpher-yellow: #f5ecc2;
$cossack-green:  #437742;
$salvia-blue:    #97acc8;

/* Sanzo Wada · Combination No. 135 */
@theme {
  --color-sulpher-yellow: #f5ecc2;
  --color-cossack-green:  #437742;
  --color-salvia-blue:    #97acc8;
}

// Sanzo Wada · Combination No. 135
// tailwind.config.js → theme.extend.colors
colors: {
  "sulpher-yellow": "#f5ecc2",
  "cossack-green": "#437742",
  "salvia-blue": "#97acc8",
}

{
  "name": "Combination No. 135",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Sulpher Yellow",
      "hex": "#f5ecc2",
      "rgb": [
        245,
        236,
        194
      ],
      "cmyk": [
        4,
        4,
        28,
        0
      ]
    },
    {
      "name": "Cossack Green",
      "hex": "#437742",
      "rgb": [
        67,
        119,
        66
      ],
      "cmyk": [
        76,
        32,
        91,
        18
      ]
    },
    {
      "name": "Salvia Blue",
      "hex": "#97acc8",
      "rgb": [
        151,
        172,
        200
      ],
      "cmyk": [
        41,
        25,
        10,
        0
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color