No. 278

Open in book

Cream Yellow

In 14 combinations · Best text on it: black (12.8:1)
Olive Ocher

In 7 combinations · Best text on it: black (10.5:1)
Cossack Green

In 9 combinations · Best text on it: white (5.3:1)
Dusky Green

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

Cream Yellow + Olive Ocher

1.2:1 Fail
Aa Aa

Cream Yellow + Cossack Green

3.2:1 AA Large
Aa Aa

Cream Yellow + Dusky Green

5.8:1 AA
Aa Aa

Olive Ocher + Cossack Green

2.6:1 Fail
Aa Aa

Olive Ocher + Dusky Green

4.7:1 AA
Aa Aa

Cossack Green + Dusky Green

1.8:1 Fail

Export

/* Sanzo Wada · Combination No. 278 */
:root {
  --cream-yellow:  #fdbf68;
  --olive-ocher:   #d6b43e;
  --cossack-green: #437742;
  --dusky-green:   #004f46;
}

// Sanzo Wada · Combination No. 278
$cream-yellow:  #fdbf68;
$olive-ocher:   #d6b43e;
$cossack-green: #437742;
$dusky-green:   #004f46;

/* Sanzo Wada · Combination No. 278 */
@theme {
  --color-cream-yellow:  #fdbf68;
  --color-olive-ocher:   #d6b43e;
  --color-cossack-green: #437742;
  --color-dusky-green:   #004f46;
}

// Sanzo Wada · Combination No. 278
// tailwind.config.js → theme.extend.colors
colors: {
  "cream-yellow": "#fdbf68",
  "olive-ocher": "#d6b43e",
  "cossack-green": "#437742",
  "dusky-green": "#004f46",
}

{
  "name": "Combination No. 278",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Cream Yellow",
      "hex": "#fdbf68",
      "rgb": [
        253,
        191,
        104
      ],
      "cmyk": [
        0,
        28,
        68,
        0
      ]
    },
    {
      "name": "Olive Ocher",
      "hex": "#d6b43e",
      "rgb": [
        214,
        180,
        62
      ],
      "cmyk": [
        18,
        26,
        90,
        0
      ]
    },
    {
      "name": "Cossack Green",
      "hex": "#437742",
      "rgb": [
        67,
        119,
        66
      ],
      "cmyk": [
        76,
        32,
        91,
        18
      ]
    },
    {
      "name": "Dusky Green",
      "hex": "#004f46",
      "rgb": [
        0,
        79,
        70
      ],
      "cmyk": [
        100,
        30,
        64,
        50
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color