#2B51BF

Color Details

HEX
#2B51BF
RGB
rgb(43, 81, 191)
HSL
hsl(225, 63%, 46%)
CMYK
cmyk(77%, 58%, 0%, 25%)
Best text on this color #FFFFFF (CR 6.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b51bf
Contrast 3.03:1 Fail
White on #2b51bf
Contrast 6.93:1 AA
#2b51bf on Black
Contrast 3.03:1 Fail
#2b51bf on White
Contrast 6.93:1 AA

Tints & Shades

#5574cc
#8097d9
#aab9e5
#224199
#1a3173
#11204c

Complement & Analogous

#bf9a2b
#502bbf
#2b9abf

Triadic

#bf2b50
#50bf2b

Monochrome

#11204c #1a3173 #2b51bf #8097d9 #aab9e5 #d5dcf2

Analogous

#2b9abf #6bb8d2 #2b51bf #7355cc #502bbf #402299

Complementary Mix

#1a3173 #2b51bf #8097d9 #bf9a2b #d5bd75 #7c641c

Nearby Colors

#2b51be
#2b51c0
#2b51af
#2b51cf

Embed #2B51BF swatch

Embed this swatch

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

Open image

About #2B51BF

#2B51BF converts to RGB(43, 81, 191) and HSL(225, 63%, 46%). 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).

#2B51BF FAQs

What is the RGB value of #2B51BF?
RGB: 43, 81, 191. Copy as CSS: rgb(43, 81, 191)
Is #2B51BF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B51BF?
Complement: #bf9a2b.
Does #2B51BF have good contrast on white or black?
On white: 6.93:1 (AA (normal text)). On black: 3.03:1 (AA (large text)).