#0BAFDD

Color Details

HEX
#0BAFDD
RGB
rgb(11, 175, 221)
HSL
hsl(193, 91%, 45%)
CMYK
cmyk(95%, 21%, 0%, 13%)
Best text on this color #000000 (CR 8.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0bafdd
Contrast 8.19:1 AAA
White on #0bafdd
Contrast 2.56:1 Fail
#0bafdd on Black
Contrast 8.19:1 AAA
#0bafdd on White
Contrast 2.56:1 Fail

Tints & Shades

#3cbfe4
#6dcfeb
#9ddff1
#098cb1
#076985
#044658

Complement & Analogous

#db380a
#0a46db
#0adba0

Triadic

#db0aae
#aedb0a

Monochrome

#044658 #076985 #0bafdd #6dcfeb #9ddff1 #ceeff8

Analogous

#0adba0 #54e6bd #0bafdd #3b6be2 #0a46db #0838af

Complementary Mix

#076985 #0bafdd #6dcfeb #db380a #e87e60 #8e2407

Nearby Colors

#0bafdc
#0bafde
#0bafcd
#0bafed

Embed #0BAFDD swatch

Embed this swatch

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

Open image

About #0BAFDD

#0BAFDD converts to RGB(11, 175, 221) and HSL(193, 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).

#0BAFDD FAQs

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