#2A57BB

Color Details

HEX
#2A57BB
RGB
rgb(42, 87, 187)
HSL
hsl(221, 63%, 45%)
CMYK
cmyk(78%, 53%, 0%, 27%)
Best text on this color #FFFFFF (CR 6.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a57bb
Contrast 3.18:1 Fail
White on #2a57bb
Contrast 6.61:1 AA
#2a57bb on Black
Contrast 3.18:1 Fail
#2a57bb on White
Contrast 6.61:1 AA

Tints & Shades

#5579c9
#7f9ad6
#aabce4
#224696
#193470
#11234b

Complement & Analogous

#bb8d2a
#452abb
#2aa1bb

Triadic

#bb2a58
#58bb2a

Monochrome

#11234b #193470 #2a57bb #7f9ad6 #aabce4 #d4ddf1

Analogous

#2aa1bb #6abdcf #2a57bb #6a55c9 #452abb #372296

Complementary Mix

#193470 #2a57bb #7f9ad6 #bb8d2a #d3b575 #7a5c1b

Nearby Colors

#2a57ba
#2a57bc
#2a57ab
#2a57cb

Embed #2A57BB swatch

Embed this swatch

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

Open image

About #2A57BB

#2A57BB converts to RGB(42, 87, 187) and HSL(221, 63%, 45%). 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).

#2A57BB FAQs

What is the RGB value of #2A57BB?
RGB: 42, 87, 187. Copy as CSS: rgb(42, 87, 187)
Is #2A57BB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A57BB?
Complement: #bb8d2a.
Does #2A57BB have good contrast on white or black?
On white: 6.61:1 (AA (normal text)). On black: 3.18:1 (AA (large text)).