#2E5BE5

Color Details

HEX
#2E5BE5
RGB
rgb(46, 91, 229)
HSL
hsl(225, 78%, 54%)
CMYK
cmyk(80%, 60%, 0%, 10%)
Best text on this color #FFFFFF (CR 5.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e5be5
Contrast 3.74:1 Fail
White on #2e5be5
Contrast 5.61:1 AA
#2e5be5 on Black
Contrast 3.74:1 Fail
#2e5be5 on White
Contrast 5.61:1 AA

Tints & Shades

#587cea
#829def
#abbdf5
#2549b7
#1c3789
#12245c

Complement & Analogous

#e5b72e
#5c2ee5
#2eb7e5

Triadic

#e52e5c
#5ce52e

Monochrome

#12245c #1c3789 #2e5be5 #829def #abbdf5 #d5defa

Analogous

#2eb7e5 #6dcded #2e5be5 #7d58ea #5c2ee5 #4a25b7

Complementary Mix

#1c3789 #2e5be5 #829def #e5b72e #eed077 #95771e

Nearby Colors

#2e5be4
#2e5be6
#2e5bd5
#2e5bf5

Embed #2E5BE5 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2E5BE5

#2E5BE5 converts to RGB(46, 91, 229) and HSL(225, 78%, 54%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2E5BE5 FAQs

What is the RGB value of #2E5BE5?
RGB: 46, 91, 229. Copy as CSS: rgb(46, 91, 229)
Is #2E5BE5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2E5BE5?
Complement: #e5b72e.
Does #2E5BE5 have good contrast on white or black?
On white: 5.61:1 (AA (normal text)). On black: 3.74:1 (AA (large text)).