HEX Color #BDD3F8 (Lightsteelblue)

About #BDD3F8

The precise color #BDD3F8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Lightsteelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 211, and 248.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 24% cyan, 15% magenta, 0% yellow, and 3% black. The HSL representation is 217.6° hue, 80.8% saturation, and 85.7% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a very light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BDD3F8

RGB189, 211, 248

HSL217.6°, 80.8%, 85.7%

CMYK24%, 15%, 0%, 3%

HSV217.6°, 23.8%, 97.3%

LAB84.1, 0.5, -20.6

XYZ61.2, 64.2, 98.0

Decimal12440568

Color Harmonies

Complementary

#BDD3F8 #F8E2BD

Analogous

#BDF0F8 #C4BDF8

Triadic

#F8BDD3 #D3F8BD

Tetradic

#F8BDF0 #F8E2BD #BDF8C4

Tints, Shades & Tones

Tints (Adding White)

#BDD3F8

#C4D7F8

#CBDCF9

#D3E1FA

#DAE6FB

#E1EBFB

#E9F0FC

#F0F5FD

#F7FAFE

#FFFFFF

Shades (Adding Black)

#BDD3F8

#A8BBDC

#93A4C0

#7E8CA5

#697589

#545D6E

#3F4652

#2A2E37

#15171B

#000000

WCAG Contrast Accessibility

1.52:1

Text on #FFFFFF

FAIL

13.84:1

Text on #000000

AAA

1.45:1

Text on #F8FAFC

FAIL

11.76:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #BDD3F8; }

.text-color { color: #BDD3F8; }

.border-color { border: 2px solid #BDD3F8; }

Similar Colors

Lightsteelblue

#B0C4DE