No. 288

Open in book

Yellow Orange

In 14 combinations · Best text on it: black (9.9:1)
Sepia

In 2 combinations · Best text on it: white (8.2:1)
Taupe Brown

In 7 combinations · Best text on it: white (7.5:1)
Black

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

Yellow Orange + Sepia

3.8:1 AA Large
Aa Aa

Yellow Orange + Taupe Brown

3.5:1 AA Large
Aa Aa

Yellow Orange + Black

8.8:1 AAA
Aa Aa

Sepia + Taupe Brown

1.1:1 Fail
Aa Aa

Sepia + Black

2.3:1 Fail
Aa Aa

Taupe Brown + Black

2.5:1 Fail

Export

/* Sanzo Wada · Combination No. 288 */
:root {
  --yellow-orange: #f99d1b;
  --sepia:         #644b1e;
  --taupe-brown:   #7a4456;
  --black:         #111314;
}

// Sanzo Wada · Combination No. 288
$yellow-orange: #f99d1b;
$sepia:         #644b1e;
$taupe-brown:   #7a4456;
$black:         #111314;

/* Sanzo Wada · Combination No. 288 */
@theme {
  --color-yellow-orange: #f99d1b;
  --color-sepia:         #644b1e;
  --color-taupe-brown:   #7a4456;
  --color-black:         #111314;
}

// Sanzo Wada · Combination No. 288
// tailwind.config.js → theme.extend.colors
colors: {
  "yellow-orange": "#f99d1b",
  "sepia": "#644b1e",
  "taupe-brown": "#7a4456",
  "black": "#111314",
}

{
  "name": "Combination No. 288",
  "source": "Sanzo Wada, Haishoku Sōkan (1933)",
  "colors": [
    {
      "name": "Yellow Orange",
      "hex": "#f99d1b",
      "rgb": [
        249,
        157,
        27
      ],
      "cmyk": [
        0,
        45,
        100,
        0
      ]
    },
    {
      "name": "Sepia",
      "hex": "#644b1e",
      "rgb": [
        100,
        75,
        30
      ],
      "cmyk": [
        48,
        60,
        100,
        40
      ]
    },
    {
      "name": "Taupe Brown",
      "hex": "#7a4456",
      "rgb": [
        122,
        68,
        86
      ],
      "cmyk": [
        30,
        70,
        35,
        40
      ]
    },
    {
      "name": "Black",
      "hex": "#111314",
      "rgb": [
        17,
        19,
        20
      ],
      "cmyk": [
        20,
        10,
        15,
        100
      ]
    }
  ]
}

Download

Mockups

Web page

Poster

Textile check

Similar combinations

Closest in color