#2E5CC3

Color Details

HEX
#2E5CC3
RGB
rgb(46, 92, 195)
HSL
hsl(221, 62%, 47%)
CMYK
cmyk(76%, 53%, 0%, 24%)
Best text on this color #FFFFFF (CR 6.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e5cc3
Contrast 3.44:1 Fail
White on #2e5cc3
Contrast 6.11:1 AA
#2e5cc3 on Black
Contrast 3.44:1 Fail
#2e5cc3 on White
Contrast 6.11:1 AA

Tints & Shades

#587dcf
#829ddb
#abbee7
#254a9c
#1c3775
#12254e

Complement & Analogous

#c2932e
#492ec2
#2ea7c2

Triadic

#c22e5d
#5dc22e

Monochrome

#12254e #1c3775 #2e5cc3 #829ddb #abbee7 #d5def3

Analogous

#2ea7c2 #6dc1d4 #2e5cc3 #6d58ce #492ec2 #3a259b

Complementary Mix

#1c3775 #2e5cc3 #829ddb #c2932e #d7b977 #7e601e

Nearby Colors

#2e5cc2
#2e5cc4
#2e5cb3
#2e5cd3

Embed #2E5CC3 swatch

Embed this swatch

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

Open image

About #2E5CC3

#2E5CC3 converts to RGB(46, 92, 195) and HSL(221, 62%, 47%). 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).

#2E5CC3 FAQs

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