#2B48C0

Color Details

HEX
#2B48C0
RGB
rgb(43, 72, 192)
HSL
hsl(228, 63%, 46%)
CMYK
cmyk(78%, 63%, 0%, 25%)
Best text on this color #FFFFFF (CR 7.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b48c0
Contrast 2.79:1 Fail
White on #2b48c0
Contrast 7.52:1 AAA
#2b48c0 on Black
Contrast 2.79:1 Fail
#2b48c0 on White
Contrast 7.52:1 AAA

Tints & Shades

#556dcd
#8091d9
#aab6e6
#223a9a
#1a2b73
#111d4d

Complement & Analogous

#bfa22b
#582bbf
#2b93bf

Triadic

#bf2b49
#49bf2b

Monochrome

#111d4d #1a2b73 #2b48c0 #8091d9 #aab6e6 #d5daf2

Analogous

#2b93bf #6bb3d2 #2b48c0 #7955cc #582bbf #462299

Complementary Mix

#1a2b73 #2b48c0 #8091d9 #bfa22b #d5c375 #7c691c

Nearby Colors

#2b48bf
#2b48c1
#2b48b0
#2b48d0

Embed #2B48C0 swatch

Embed this swatch

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

Open image

About #2B48C0

#2B48C0 converts to RGB(43, 72, 192) and HSL(228, 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).

#2B48C0 FAQs

What is the RGB value of #2B48C0?
RGB: 43, 72, 192. Copy as CSS: rgb(43, 72, 192)
Is #2B48C0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B48C0?
Complement: #bfa22b.
Does #2B48C0 have good contrast on white or black?
On white: 7.52:1 (AAA (normal text)). On black: 2.79:1 (Fails AA).