What Color Is 1E2124?
The hex code #1E2124 produces a muted very dark gray. It breaks down into RGB channels of 30 red, 33 green, and 36 blue, placing it firmly in the gray color family. On the HSL model, it sits at 210° on the color wheel with 9% saturation — giving it a desaturated quality — and 13% lightness, making it very dark. The perceived brightness is 13% (32/255), meaning light text (#ffffff) will provide optimal readability when layered on top.
1E2124 Color Values
What Does 1E2124 Mean in Design?
Neutral tones represent balance, sophistication, and professionalism. As a very dark variant with 9% saturation, #1E2124 carries a desaturated energy that makes it suitable for both primary and supporting roles in design systems. In color psychology, gray tones are associated with calm and trustworthiness, making #1E2124 ideal for brands that need to project reliability and serenity.
Where to Use 1E2124 — Practical Applications
#1E2124 as a full-bleed background with light text (#ffffff) overlay text for immediate visual impact on landing pages.rgba(30, 33, 36, 0.15)) for subtle card surfaces that add depth without overwhelming content.#181A1D) for clear interactive feedback.#1E2124 as the primary swatch, using #24211E as the complementary accent.#241E21 and #21241E for a triadic scheme that maximizes readability.#1E2124 backgrounds with white typography overlays.#1E2124 to #56585B for eye-catching newsletter designs.1E2124 Color Combinations
These are mathematically calculated color harmonies based on the 210° hue position of #1E2124 on the color wheel. Use them to build balanced, professional palettes.
Similar Colors to 1E2124
Colors visually close to #1E2124 with subtle variations in hue, saturation, or brightness. Useful for creating gradient transitions, hover states, and layered interface designs.
Tints and Shades of 1E2124
A tint is made by mixing #1E2124 with white (increasing lightness), while a shade is made by mixing with black (decreasing lightness). These variations are essential for creating depth, hierarchy, and interactive states in UI design.
How to Use 1E2124 in CSS
Copy-ready CSS code snippets for implementing #1E2124 in your stylesheets. Includes custom properties, gradients, and opacity variants.
.element {
color: #1E2124;
background-color: #1E2124;
border: 2px solid #1E2124;
box-shadow: 0 4px 14px rgba(30, 33, 36, 0.35);
}
/* CSS Custom Property */
:root {
--color-primary: #1E2124;
--color-primary-light: #56585B;
--color-primary-dark: #181A1D;
--color-primary-rgb: 30, 33, 36;
}
/* Gradient example */
.gradient-bg {
background: linear-gradient(135deg, #1E2124 0%, #1E1E24 100%);
}
/* RGBA with opacity */
.overlay {
background: rgba(30, 33, 36, 0.15);
}1E2124 in Design Systems
When integrating #1E2124 into a design system, define it as a semantic token: --color-gray-very-dark: #1E2124;. For WCAG 2.1 AA compliance, pair it with light text (#ffffff) for body text. The lighter tint #56585B works for subtle surface fills, while the darker shade #181A1D is ideal for focus rings and active states. In Figma or Sketch, add it to your shared library as Gray/Very-Dark so the entire team references the single source of truth.
Accessibility Considerations for 1E2124
Since #1E2124 is a dark color (brightness 13%), use light text (#ffffff or #f0f0f0) for readable contrast that meets WCAG 2.1 AA minimum requirements. Always test with tools like the ColorPickerCode contrast checker before shipping to production.
Frequently Asked Questions About 1E2124
What color is #1E2124?
#1E2124 is a muted very dark gray with RGB(30, 33, 36) and HSL(210°, 9%, 13%). It belongs to the gray family.What is the RGB value of 1E2124?
Is #1E2124 dark or light?
What is the CMYK of 1E2124?
What colors go well with #1E2124?
How do I use 1E2124 in CSS?
color: #1E2124; for text, background-color: #1E2124; for backgrounds, border: 2px solid #1E2124; for borders.