#0B48DD

Color Details

HEX
#0B48DD
RGB
rgb(11, 72, 221)
HSL
hsl(223, 91%, 45%)
CMYK
cmyk(95%, 67%, 0%, 13%)
Best text on this color #FFFFFF (CR 7.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0b48dd
Contrast 2.99:1 Fail
White on #0b48dd
Contrast 7.03:1 AAA
#0b48dd on Black
Contrast 2.99:1 Fail
#0b48dd on White
Contrast 7.03:1 AAA

Tints & Shades

#3c6de4
#6d91eb
#9db6f1
#093ab1
#072b85
#041d58

Complement & Analogous

#dba00a
#380adb
#0aaedb

Triadic

#db0a46
#46db0a

Monochrome

#041d58 #072b85 #0b48dd #6d91eb #9db6f1 #cedaf8

Analogous

#0aaedb #54c6e6 #0b48dd #603be2 #380adb #2d08af

Complementary Mix

#072b85 #0b48dd #6d91eb #dba00a #e8c160 #8e6807

Nearby Colors

#0b48dc
#0b48de
#0b48cd
#0b48ed

Embed #0B48DD swatch

Embed this swatch

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

Open image

About #0B48DD

#0B48DD converts to RGB(11, 72, 221) and HSL(223, 91%, 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).

#0B48DD FAQs

What is the RGB value of #0B48DD?
RGB: 11, 72, 221. Copy as CSS: rgb(11, 72, 221)
Is #0B48DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0B48DD?
Complement: #dba00a.
Does #0B48DD have good contrast on white or black?
On white: 7.03:1 (AAA (normal text)). On black: 2.99:1 (Fails AA).