blue · 3 palettes

Kon

Deep indigo navy

About Kon

Kon (紺) is a deep, muted blue tone. Its hex value is #1B2A4E — that is RGB 27, 42, 78, or HSL 222°, 49%, 21%. Deep indigo navy.

It holds 14.1:1 contrast against white, so Kon works best for body text, headings, and UI labels. (On white it scores 14.1:1; on black 1.5:1.)

Across Sanzo Wada's 1933 Dictionary of Color Combinations, Kon appears in 3 combinations — most often paired with Gofun, Kurenai and Daidai.

The story of Kon

Kon (紺) is deep navy — the darkest practical shade of indigo, the colour of dyed-and-redyed-and-redyed cotton until the fibres are nearly black. Used historically for samurai under-armour (because the blue-black colour hides bloodstains), Edo-period merchant workwear, and the deep-night skies in classical wood-block prints. Kon reads weighty, grounded, and authoritative in a way pure black does not.

Modern usage: business identity, premium menswear, heritage brands, editorial publishing. Kon is the 'corporate navy' of the Japanese tradition — but with depth and material warmth that synthetic navies lack.

Working note: Pairs canonically with kurenai (court formal — see Heian guide) or with gofun (clean modern). Both pairings preserve kon's gravitas.

See Kon in the Japanese Color Glossary →

Colours that go with Kon

From a standard colour wheel, Kon anchors these four classic schemes. Each swatch is computed from its exact hue, so every hex is a real, usable pairing.

Complementary

#1B2A4E #4E3F1B

the hue directly opposite — the highest-contrast pairing, good for a single bold accent.

Analogous

#1B2A4E #1B444E #261B4E

the two neighbours on the wheel — a calm, cohesive scheme that feels effortless.

Triadic

#1B2A4E #4E1B2A #2A4E1B

two hues an even third of the wheel away — balanced and lively without clashing.

Split-complementary

#1B2A4E #4E261B #434E1B

the two colours either side of the complement — the contrast of a complement, softened.

How to use Kon

Kon is a deep, muted tone (HSL 222°, 49%, 21%), which makes it a grounding background or strong accent. For text it passes WCAG AA for body text against a light background (14.1:1) — safe for paragraphs, buttons and labels. When you do set type on it, use light lettering. Pair it with its complement (#4E3F1B) for a focal accent, or with its analogous neighbours (#1B444E and #261B4E) for a quieter, harmonious feel.

Embed this color

Drop a Kon swatch card into any blog post, design review, or color-study reference page. Links back to this color's detail.

<iframe src="https://colorcombinations.org/embed/colors/kon/" width="360" height="180" frameborder="0" style="border-radius:8px;overflow:hidden;" title="Kon (紺) — colorcombinations.org"></iframe>

Preview

From the archive

Support the archive The full catalog, on your disk, as a thank-you.

  • All 378 palettes (348 Wada + 30 editorial) in five formats
  • Figma design tokens (W3C-spec JSON, drag into any file)
  • Tailwind v4 + v3 configs — drop into any project
  • CSS custom properties — every plate, one stylesheet
  • 378 museum SVG plates — print-ready at any size
  • Full JSON — colors, names, eras, moods, dominant hues
See what's inside

Launching soon. The free archive stays free, always.

Looking for a combination we don’t have yet?

Tell us the colour, mood, or palette you were after — it shapes which editorial combinations we add next.