Closest to Dark Slate Blue
#1E3A8A
Color conversions
Reference values for common CSS, design, and accessibility formats.
| Format | Value | Preview | Copy |
|---|---|---|---|
| HEX | 1E3A8A | ||
| HEX with # | #1E3A8A | ||
| RGB | rgb(30, 58, 138) | ||
| RGBA | rgba(30, 58, 138, 1) | ||
| HSL | hsl(224.44 64.29% 32.94%) | ||
| HSLA | hsla(224.44, 64.29%, 32.94%, 1) | ||
| HSV | hsv(224.44, 78.26%, 54.12%) | ||
| CMYK | cmyk(78.26%, 57.97%, 0%, 45.88%) | ||
| OKLCH | oklch(37.91% 0.1378 265.52) |
Closest named matches
Color modifications
Lighter shades
Saturation steps
Suggested pairings
Split-complementary
Try this combo as a gradientUse this color in CSS
--color: #1E3A8A;
bg-[#1e3a8a]
Accessibility quick-check
White text
10.36:1
AAA normal
Black text
2.03:1
Decorative only
Reference notes
As a reference color, #1E3A8A reads as deep blue, with Dark Slate Blue as its nearest named anchor. Because the hue is approximately 224 degrees, it belongs to the blue family rather than a neutral family, even when used in small interface details. When documenting the color, keep the hex value as the canonical reference and treat the cool family label as a practical visual description rather than a fixed rule. The contrast checks on this page show whether it is more reliable with black text or white text, which is usually the first practical decision before using the color in UI. The modification grid is useful for finding a border, hover, or background companion without changing the underlying hue family too aggressively. For data visualization, avoid relying on this color alone; combine it with spacing, labels, or pattern differences so meaning is not carried only by hue. Use it for interfaces that need weight, contrast, or a more formal visual register. Check contrast before placing body text on top of it, and pair it with nearby analogous colors when the design should stay calm.