#BDCFF3

Light Blue

HEX

RGB

HSL

About #BDCFF3 Light Blue

#BDCFF3 is a light blue color. In the RGB color model, it is composed of 189 red, 207 green, and 243 blue. In the HSL color space, it has a hue of 220°, saturation of 69%, and lightness of 85%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #BDCFF3 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

220°

Hue

69%

Saturation

85%

Lightness

Light Blue

Color Harmonies

Colors that work well with #BDCFF3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #BDCFF3 against white and black backgrounds.

Aa#BDCFF3 on White
Contrast Ratio1.57:1
AA AA Large AAA
Aa#BDCFF3 on Black
Contrast Ratio13.38:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BDCFF3 across different color formats.

FormatValue
HEX#BDCFF3
RGBrgb(189, 207, 243)
HSLhsl(220, 69%, 85%)
RGB Decimal189, 207, 243
RGB Percent74.1%, 81.2%, 95.3%
CMYK (approx.)22%, 15%, 0%, 5%

Related Palettes

12 palettes using #BDCFF3 or similar colors

#BECFF2#ABABED#CDBCEF#D8B6E9
#4D7DE5#E54D7D#7DE54D#BCCEF5
#27A53A#34E5A7#7CD9E9#BED1F4
#20AC3E#36E3B2#82CEE3#BFCDF3
#18B437#31E7B1#7ED2E7#C0CFF2
#BBCCF2#B4B3F0#C8B3F0#DEB7F0
#27A538#44D49F#7ED9E7#BCD1F6
#1EAE36#37E2A9#84D2E1#C0D1F1
#BDCCF0#9896E9#B9A2E0#D9A8EE
#20AC37#34E5AA#78DAED#BBCFF7
#B9CFF1#BFC1EA#C1B2E6#DEBEF1
#B9E0ED#BED3F1#A6ACEE#BCABED