Huebook

Nippon Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Nippon (#BC002C), each snapped to its nearest named color.

#BC002C
#00BB33
#0088BB
#680018
#00FF55

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Nippon#BC002C188, 0, 44346°, 100%, 37%0, 100, 77, 2650.3% 0.202 21
Toxic Sludge#00BB330, 187, 51136°, 100%, 37%100, 0, 73, 2768.8% 0.217 145
Mermaid Dreams#0088BB0, 136, 187196°, 100%, 37%100, 27, 0, 2759.1% 0.123 234
Claret#680018104, 0, 24346°, 100%, 20%0, 100, 77, 5932.8% 0.131 19
Cathode Green#00FF550, 255, 85140°, 100%, 50%100, 0, 67, 087.0% 0.266 146

Which pairs work for text

Text on backgroundContrastWCAG
Aa #680018 on #00FF559.64:1AAA
Aa #00BB33 on #6800185.09:1AA
Aa #BC002C on #00FF554.86:1AA
Aa #0088BB on #6800183.27:1AA large
Aa #0088BB on #00FF552.95:1—
Aa #BC002C on #00BB332.57:1—

CSS variables

:root {
  --color-1: #bc002c; /* Nippon */
  --color-2: #00bb33; /* Toxic Sludge */
  --color-3: #0088bb; /* Mermaid Dreams */
  --color-4: #680018; /* Claret */
  --color-5: #00ff55; /* Cathode Green */
}

Other schemes from Nippon

More dark red split-complementary color schemes

Questions

What colors go with Nippon?

In a split-complementary scheme: Toxic Sludge (#00BB33), Mermaid Dreams (#0088BB), Claret (#680018), Cathode Green (#00FF55).

What is the hex code of Nippon?

#BC002C.