#2A57A1

Color Details

HEX
#2A57A1
RGB
rgb(42, 87, 161)
HSL
hsl(217, 59%, 40%)
CMYK
cmyk(74%, 46%, 0%, 37%)
Best text on this color #FFFFFF (CR 7.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a57a1
Contrast 2.98:1 Fail
White on #2a57a1
Contrast 7.06:1 AAA
#2a57a1 on Black
Contrast 2.98:1 Fail
#2a57a1 on White
Contrast 7.06:1 AAA

Tints & Shades

#5579b4
#7f9ac7
#aabcd9
#224681
#193461
#112340

Complement & Analogous

#a2742a
#382aa2
#2a94a2

Triadic

#a22a58
#58a22a

Monochrome

#112340 #193461 #2a57a1 #7f9ac7 #aabcd9 #d4ddec

Analogous

#2a94a2 #6ab4be #2a57a1 #6055b5 #382aa2 #2d2282

Complementary Mix

#193461 #2a57a1 #7f9ac7 #a2742a #c3a575 #694b1b

Nearby Colors

#2a57a0
#2a57a2
#2a5791
#2a57b1

Embed #2A57A1 swatch

Embed this swatch

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

Open image

About #2A57A1

#2A57A1 converts to RGB(42, 87, 161) and HSL(217, 59%, 40%). 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).

#2A57A1 FAQs

What is the RGB value of #2A57A1?
RGB: 42, 87, 161. Copy as CSS: rgb(42, 87, 161)
Is #2A57A1 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A57A1?
Complement: #a2742a.
Does #2A57A1 have good contrast on white or black?
On white: 7.06:1 (AAA (normal text)). On black: 2.98:1 (Fails AA).