Maroon Colors  ·  Color Library

Palettes / Colors / #2E1EBE

#2E1EBE — Blue

#2E1EBE is a blue color we call Blue, closest to the named color DarkSlateBlue (#483D8B). It belongs to the blue family.

#2E1EBE is a cool blue color associated with trust, calm and professionalism. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #AEBE1E; it also sits naturally between #1E5EBE and #7E1EBE. In the palettes below you can see it working alongside real color combinations from our collection.

#2E1EBE · RGB 46, 30, 190

Download PNG swatch SVG

Color values

HEX#2E1EBE
RGB46, 30, 190
HSL246°, 73%, 43%
HSV246°, 84%, 75%
CMYK76%, 84%, 0%, 25%
XYZ10.89, 5.23, 49.15
Yxy5.23, 0.1668, 0.0801
CIE-Lab27.37, 55.86, -78.64
Hunter Lab22.86, 46.93, -117.03

RGB & CMYK percentages

Red 18% · Green 12% · Blue 75%

Cyan 76% · Magenta 84% · Yellow 0% · Key 25%

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

Previews

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

CSS code for #2E1EBE

.text { color: #2E1EBE; }
.background { background-color: #2E1EBE; }
.border { border: 3px solid #2E1EBE; }
.text-rgb { color: rgb(46, 30, 190); }
.text-hsl { color: hsl(246, 73%, 43%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #2E1EBE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(46, 30, 190, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #2E1EBE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(46, 30, 190, 0.8); }

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

Shades of #2E1EBE

#291BAC#25189A#211589#1D1377#19116A#150E58#110B47#0D0835#080623#040312

Tints of #2E1EBE

#3321D4#4534DF#594AE3#6E60E6#867BEA#9A91EE#AEA7F1#C2BDF5#DBD7F9#EFEDFC

Tones of #2E1EBE

#3629B3#4035A7#49409C#524C90#5B5785#656379

Color harmonies

Complementary — #AEBE1E:

Analogous:

Triadic:

Contrast & accessibility

Against white text10.27:1 AAA
Against black text2.05:1 Fails

Best text color on #2E1EBE: #FFFFFF.

How #2E1EBE looks with color blindness

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

Protanopia · #272797Deuteranopia · #28298ETritanopia · #2D7972

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:

Material Indigo 500 · #3F51B5Material Deep Purple 500 · #673AB7Tailwind indigo 600 · #4F46E5

Palettes with a similar color

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

Palette 1c0770
#1C0770 · #261CC1 · #3A9AFF · #F1FF5E
Royal Solace
#52DCD2 · #186CC0 · #2518BF · #5F1984
Crystal Ruby Opal
#C02A22 · #46DE4E · #2C24C7 · #EFCEC8
Lucky Mirage
#1DB92B · #2F1FC9 · #D03120 · #B9ECC1
Royal Cascade
#2D13C1 · #6637EB · #BEDB16 · #E7F0A6
Electric Ruby Summit
#361BB6 · #CB3D1E · #3EE35B · #CAC6F0

Similar colors

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

#261CC1#2518BF#2C24C7#2F1FC9#2D13C1#361BB6#301AC9#2523B7#2E2AC5#2919B2#2828B5#2E26CB

Browse neighbouring colors

← #2E1EBD  ·  #2E1EBF →

Frequently asked questions

What color is #2E1EBE?

#2E1EBE is Blue, a blue color (RGB 46, 30, 190). Its closest standard named color is DarkSlateBlue.

What is the RGB and HSL of #2E1EBE?

#2E1EBE is RGB 46, 30, 190 — HSL 246°, 73%, 43% — CMYK 76%, 84%, 0%, 25%.

What colors go with #2E1EBE?

Its complement is #AEBE1E; analogous partners are #1E5EBE and #7E1EBE. It also appears in 6+ palettes in our collection.

Can I use #2E1EBE for text?

White text on #2E1EBE has a contrast ratio of 10.27:1 (passes WCAG AA); black text gives 2.05:1.