No. 166

Open in book

Grenadine Pink

In 10 combinations · Best text on it: black (8.1:1)
Naples Yellow

In 6 combinations · Best text on it: black (16.9:1)
Deep Slate Green

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

Grenadine Pink + Naples Yellow

2.1:1 Fail
Aa Aa

Grenadine Pink + Deep Slate Green

5.5:1 AA
Aa Aa

Naples Yellow + Deep Slate Green

11.5:1 AAA

Export

/* Sanzo Wada · Combination No. 166 */
:root {
  --grenadine-pink:   #f48067;
  --naples-yellow:    #fbe6a0;
  --deep-slate-green: #112f2c;
}

// Sanzo Wada · Combination No. 166
$grenadine-pink:   #f48067;
$naples-yellow:    #fbe6a0;
$deep-slate-green: #112f2c;

/* Sanzo Wada · Combination No. 166 */
@theme {
  --color-grenadine-pink:   #f48067;
  --color-naples-yellow:    #fbe6a0;
  --color-deep-slate-green: #112f2c;
}

// Sanzo Wada · Combination No. 166
// tailwind.config.js → theme.extend.colors
colors: {
  "grenadine-pink": "#f48067",
  "naples-yellow": "#fbe6a0",
  "deep-slate-green": "#112f2c",
}

{
  "name": "Combination No. 166",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Grenadine Pink",
      "hex": "#f48067",
      "rgb": [
        244,
        128,
        103
      ],
      "cmyk": [
        0,
        62,
        58,
        0
      ]
    },
    {
      "name": "Naples Yellow",
      "hex": "#fbe6a0",
      "rgb": [
        251,
        230,
        160
      ],
      "cmyk": [
        2,
        7,
        44,
        0
      ]
    },
    {
      "name": "Deep Slate Green",
      "hex": "#112f2c",
      "rgb": [
        17,
        47,
        44
      ],
      "cmyk": [
        80,
        50,
        60,
        70
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color