#BDD1FE

Color Details

HEX
#BDD1FE
RGB
rgb(189, 209, 254)
HSL
hsl(222, 97%, 87%)
CMYK
cmyk(26%, 18%, 0%, 0%)
Best text on this color #000000 (CR 13.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdd1fe
Contrast 13.72:1 AAA
White on #bdd1fe
Contrast 1.53:1 Fail
#bdd1fe on Black
Contrast 13.72:1 AAA
#bdd1fe on White
Contrast 1.53:1 Fail

Tints & Shades

#cadafe
#d7e3fe
#e5edff
#97a7cb
#717d98
#4c5466

Complement & Analogous

#feebbe
#cbbefe
#bef1fe

Triadic

#febed1
#d1febe

Monochrome

#4c5466 #717d98 #bdd1fe #d7e3fe #e5edff #f2f6ff

Analogous

#bef1fe #d2f5fe #bdd1fe #d5cbfe #cbbefe #a298cb

Complementary Mix

#717d98 #bdd1fe #d7e3fe #feebbe #fef2d5 #a5997c

Nearby Colors

#bdd1fd
#bdd1ff
#bdd1ee
#bdd20e

Embed #BDD1FE swatch

Embed this swatch

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

Open image

About #BDD1FE

#BDD1FE converts to RGB(189, 209, 254) and HSL(222, 97%, 87%). 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).

#BDD1FE FAQs

What is the RGB value of #BDD1FE?
RGB: 189, 209, 254. Copy as CSS: rgb(189, 209, 254)
Is #BDD1FE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BDD1FE?
Complement: #feebbe.
Does #BDD1FE have good contrast on white or black?
On white: 1.53:1 (Fails AA). On black: 13.72:1 (AAA (normal text)).