No. 302

Open in book

Cream Yellow

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

In 8 combinations · Best text on it: black (9.8:1)
Nile Blue

In 7 combinations · Best text on it: black (15.4:1)
Antwarp Blue

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

Cream Yellow + Ecru

1.3:1 Fail
Aa Aa

Cream Yellow + Nile Blue

1.2:1 Fail
Aa Aa

Cream Yellow + Antwarp Blue

3.4:1 AA Large
Aa Aa

Ecru + Nile Blue

1.6:1 Fail
Aa Aa

Ecru + Antwarp Blue

2.6:1 Fail
Aa Aa

Nile Blue + Antwarp Blue

4.1:1 AA Large

Export

/* Sanzo Wada · Combination No. 302 */
:root {
  --cream-yellow: #fdbf68;
  --ecru:         #c2ae93;
  --nile-blue:    #bce4e5;
  --antwarp-blue: #007190;
}

// Sanzo Wada · Combination No. 302
$cream-yellow: #fdbf68;
$ecru:         #c2ae93;
$nile-blue:    #bce4e5;
$antwarp-blue: #007190;

/* Sanzo Wada · Combination No. 302 */
@theme {
  --color-cream-yellow: #fdbf68;
  --color-ecru:         #c2ae93;
  --color-nile-blue:    #bce4e5;
  --color-antwarp-blue: #007190;
}

// Sanzo Wada · Combination No. 302
// tailwind.config.js → theme.extend.colors
colors: {
  "cream-yellow": "#fdbf68",
  "ecru": "#c2ae93",
  "nile-blue": "#bce4e5",
  "antwarp-blue": "#007190",
}

{
  "name": "Combination No. 302",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Cream Yellow",
      "hex": "#fdbf68",
      "rgb": [
        253,
        191,
        104
      ],
      "cmyk": [
        0,
        28,
        68,
        0
      ]
    },
    {
      "name": "Ecru",
      "hex": "#c2ae93",
      "rgb": [
        194,
        174,
        147
      ],
      "cmyk": [
        20,
        25,
        40,
        6
      ]
    },
    {
      "name": "Nile Blue",
      "hex": "#bce4e5",
      "rgb": [
        188,
        228,
        229
      ],
      "cmyk": [
        25,
        0,
        10,
        0
      ]
    },
    {
      "name": "Antwarp Blue",
      "hex": "#007190",
      "rgb": [
        0,
        113,
        144
      ],
      "cmyk": [
        100,
        40,
        30,
        10
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color