#2E5ED5

Color Details

HEX
#2E5ED5
RGB
rgb(46, 94, 213)
HSL
hsl(223, 67%, 51%)
CMYK
cmyk(78%, 56%, 0%, 16%)
Best text on this color #FFFFFF (CR 5.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e5ed5
Contrast 3.68:1 Fail
White on #2e5ed5
Contrast 5.71:1 AA
#2e5ed5 on Black
Contrast 3.68:1 Fail
#2e5ed5 on White
Contrast 5.71:1 AA

Tints & Shades

#587edd
#829ee6
#abbfee
#254baa
#1c3880
#122655

Complement & Analogous

#d6a62e
#532ed6
#2eb1d6

Triadic

#d62e5e
#5ed62e

Monochrome

#122655 #1c3880 #2e5ed5 #829ee6 #abbfee #d5dff7

Analogous

#2eb1d6 #6dc8e2 #2e5ed5 #7558de #532ed6 #4225ab

Complementary Mix

#1c3880 #2e5ed5 #829ee6 #d6a62e #e4c577 #8b6c1e

Nearby Colors

#2e5ed4
#2e5ed6
#2e5ec5
#2e5ee5

Embed #2E5ED5 swatch

Embed this swatch

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

Open image

About #2E5ED5

#2E5ED5 converts to RGB(46, 94, 213) and HSL(223, 67%, 51%). 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).

#2E5ED5 FAQs

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