#2A57E8

Color Details

HEX
#2A57E8
RGB
rgb(42, 87, 232)
HSL
hsl(226, 81%, 54%)
CMYK
cmyk(82%, 63%, 0%, 9%)
Best text on this color #FFFFFF (CR 5.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a57e8
Contrast 3.63:1 Fail
White on #2a57e8
Contrast 5.79:1 AA
#2a57e8 on Black
Contrast 3.63:1 Fail
#2a57e8 on White
Contrast 5.79:1 AA

Tints & Shades

#5579ed
#7f9af1
#aabcf6
#2246ba
#19348b
#11235d

Complement & Analogous

#e9bc2b
#5d2be9
#2bb6e9

Triadic

#e92b57
#57e92b

Monochrome

#11235d #19348b #2a57e8 #7f9af1 #aabcf6 #d4ddfa

Analogous

#2bb6e9 #6bccf0 #2a57e8 #7d55ed #5d2be9 #4a22ba

Complementary Mix

#19348b #2a57e8 #7f9af1 #e9bc2b #f1d375 #977a1c

Nearby Colors

#2a57e7
#2a57e9
#2a57d8
#2a57f8

Embed #2A57E8 swatch

Embed this swatch

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

Open image

About #2A57E8

#2A57E8 converts to RGB(42, 87, 232) and HSL(226, 81%, 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).

#2A57E8 FAQs

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