#2B51CC

Color Details

HEX
#2B51CC
RGB
rgb(43, 81, 204)
HSL
hsl(226, 65%, 48%)
CMYK
cmyk(79%, 60%, 0%, 20%)
Best text on this color #FFFFFF (CR 6.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b51cc
Contrast 3.15:1 Fail
White on #2b51cc
Contrast 6.66:1 AA
#2b51cc on Black
Contrast 3.15:1 Fail
#2b51cc on White
Contrast 6.66:1 AA

Tints & Shades

#5574d6
#8097e0
#aab9eb
#2241a3
#1a317a
#112052

Complement & Analogous

#caa52b
#552bca
#2ba0ca

Triadic

#ca2b50
#50ca2b

Monochrome

#112052 #1a317a #2b51cc #8097e0 #aab9eb #d5dcf5

Analogous

#2ba0ca #6bbdda #2b51cc #7755d5 #552bca #4422a2

Complementary Mix

#1a317a #2b51cc #8097e0 #caa52b #ddc575 #836b1c

Nearby Colors

#2b51cb
#2b51cd
#2b51bc
#2b51dc

Embed #2B51CC swatch

Embed this swatch

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

Open image

About #2B51CC

#2B51CC converts to RGB(43, 81, 204) and HSL(226, 65%, 48%). 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).

#2B51CC FAQs

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