#1E1B4B — Tints, Shades & Color Values

Tailwind CSS indigo-950 · Every value on this page is precomputed — copy what you need.

#1E1B4B is a dark, moderately saturated blue. In Tailwind CSS this exact color is the utility class indigo-950 (e.g. bg-indigo-950, text-indigo-950). Its nearest CSS named color is midnightblue (#191970). For readable text on a #1E1B4B background, white text gives the strongest contrast (15.99:1). Because it is dark, #1E1B4B suits text, navigation bars, and footers on light backgrounds, and its tints make natural hover and surface colors.

Color Values

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

#1E1B4B in Tailwind CSS (indigo-950)

#1E1B4B ships with Tailwind CSS as indigo-950 — use it as bg-indigo-950, text-indigo-950, or border-indigo-950. It sits at step 950 of the indigo ramp; every other step links to its own page:

• 50
• 100
• 200
• 300
• 400
• 500
• 600
• 700
• 800
• 900
• 950

Browse the full Tailwind palette in the color library, or generate in-between steps with the tint & shade generator.

Tints of #1E1B4B (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

• 10% tint #35325d Copy
• 20% tint #4b496f Copy
• 30% tint #625f81 Copy
• 40% tint #787693 Copy
• 50% tint #8f8da5 Copy
• 60% tint #a5a4b7 Copy
• 70% tint #bcbbc9 Copy
• 80% tint #d2d1db Copy
• 90% tint #e9e8ed Copy

Shades of #1E1B4B (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

• 10% shade #1b1844 Copy
• 20% shade #18163c Copy
• 30% shade #151335 Copy
• 40% shade #12102d Copy
• 50% shade #0f0e26 Copy
• 60% shade #0c0b1e Copy
• 70% shade #090817 Copy
• 80% shade #06050f Copy
• 90% shade #030307 Copy

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #1E1B4B background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

If neither pure white nor pure black reaches the level you need, pick a lighter tint of #1E1B4B from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More blue colors in the library: #172554 (blue-950), #1E293B (slate-800), #1F2937 (gray-800), #0C4A6E (sky-900), #082F49 (sky-950), #2C3E50.

Frequently Asked Questions

• What color is #1E1B4B?

  #1E1B4B is a dark, moderately saturated blue — rgb(30, 27, 75). Its nearest CSS named color is midnightblue. In Tailwind CSS it is indigo-950.

• How do I make tints and shades of #1E1B4B?

  Mix #1E1B4B with white for tints and with black for shades. A 20% tint of #1E1B4B is #4b496f and a 20% shade is #18163c — the full 10%–90% ramps are precomputed on this page, or open #1E1B4B in the generator for finer steps.

• What text color is readable on #1E1B4B?

  White text gives the strongest contrast on a #1E1B4B background at 15.99:1, which passes WCAG AA and AAA for normal text.

• What is the Tailwind CSS class for #1E1B4B?

  indigo-950 — use it as bg-indigo-950, text-indigo-950, or border-indigo-950. The full indigo 50–950 ramp is linked above.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.