Maroon Colors  ·  Color Library

Palettes / Colors / #2E2C4E

#2E2C4E — Deep Dusty Blue

#2E2C4E is a blue color we call Deep Dusty Blue, closest to the named color DarkSlateGray (#2F4F4F). It belongs to the blue family.

#2E2C4E is a cool blue color associated with trust, calm and professionalism. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #4C4E2C; it also sits naturally between #2C3B4E and #3F2C4E. In the palettes below you can see it working alongside real color combinations from our collection.

#2E2C4E · RGB 46, 44, 78

Download PNG swatch SVG

Color values

HEX#2E2C4E
RGB46, 44, 78
HSL244°, 28%, 24%
HSV244°, 44%, 31%
CMYK41%, 44%, 0%, 69%
XYZ3.40, 2.93, 7.59
Yxy2.93, 0.2443, 0.2105
CIE-Lab19.77, 10.60, -20.65
Hunter Lab17.12, 6.52, -15.83

RGB & CMYK percentages

Red 18% · Green 17% · Blue 31%

Cyan 41% · Magenta 44% · Yellow 0% · Key 69%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #2E2C4E on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #2E2C4E on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #2E2C4E

.text { color: #2E2C4E; }
.background { background-color: #2E2C4E; }
.border { border: 3px solid #2E2C4E; }
.text-rgb { color: rgb(46, 44, 78); }
.text-hsl { color: hsl(244, 28%, 24%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #2E2C4E; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(46, 44, 78, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #2E2C4E; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(46, 44, 78, 0.8); }

HTML: <p style="color:#2E2C4E">Text here</p> · <div style="background-color:#2E2C4E">Div content here</div>

Shades of #2E2C4E

#2A2848#272541#23213B#1F1D34#1B1A2E#171627#131221#0F0F1A#0C0B14#08070D

Tints of #2E2C4E

#3C3965#49467C#595496#6A66A9#807CB6#9693C2#ADAACF#C6C4DE#DCDBEB#F2F2F8

Tones of #2E2C4E

#302F4C#333149#353347#373645#393842#3B3B40

Color harmonies

Complementary — #4C4E2C:

Analogous:

Triadic:

Contrast & accessibility

Against white text13.24:1 AAA
Against black text1.59:1 Fails

Best text color on #2E2C4E: #FFFFFF.

How #2E2C4E looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #2D2D46Deuteranopia · #2D2D44Tritanopia · #2E3F3E

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap dark · #212529Tailwind neutral 600 · #525252Tailwind zinc 600 · #52525B

Palettes with a similar color

These palettes use a close neighbour of #2E2C4E rather than the exact color:

Palette 2b2a4c
#2B2A4C · #B31312 · #EA906C · #EEE2DE
Palette 2a2f4f
#2A2F4F · #917FB3 · #E5BEEC · #FDE2F3
Palette 161a30
#161A30 · #31304D · #B6BBC4 · #F0ECE5
Palette 2d3250
#2D3250 · #424769 · #7077A1 · #F6B17A
Palette 362f4f
#362F4F · #5B23FF · #008BFF · #E4FF30
Palette 322653
#322653 · #8062D6 · #9288F8 · #FFD2D7

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#2B2A4C#2A2F4F#31304D#2D3250#362F4F#322653#283149#332D56#25294B#30364F#332B57#372948

Browse neighbouring colors

← #2E2C4D  ·  #2E2C4F →

Frequently asked questions

What color is #2E2C4E?

#2E2C4E is Deep Dusty Blue, a blue color (RGB 46, 44, 78). Its closest standard named color is DarkSlateGray.

What is the RGB and HSL of #2E2C4E?

#2E2C4E is RGB 46, 44, 78 — HSL 244°, 28%, 24% — CMYK 41%, 44%, 0%, 69%.

What colors go with #2E2C4E?

Its complement is #4C4E2C; analogous partners are #2C3B4E and #3F2C4E. It also appears in 6+ palettes in our collection.

Can I use #2E2C4E for text?

White text on #2E2C4E has a contrast ratio of 13.24:1 (passes WCAG AA); black text gives 1.59:1.