#BDF0FF

Light Blue

HEX

RGB

HSL

About #BDF0FF Light Blue

#BDF0FF is a light blue color. In the RGB color model, it is composed of 189 red, 240 green, and 255 blue. In the HSL color space, it has a hue of 194°, saturation of 100%, and lightness of 87%.

This color has a high lightness value, making it a light color suitable for backgrounds. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

194°

Hue

100%

Saturation

87%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#BDF0FF on White
Contrast Ratio1.23:1
AA AA Large AAA
Aa#BDF0FF on Black
Contrast Ratio17.07:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BDF0FF across different color formats.

FormatValue
HEX#BDF0FF
RGBrgb(189, 240, 255)
HSLhsl(194, 100%, 87%)
RGB Decimal189, 240, 255
RGB Percent74.1%, 94.1%, 100.0%
CMYK (approx.)26%, 6%, 0%, 0%

Related Palettes

12 palettes using #BDF0FF or similar colors

#57A527#44D455#7EE7BF#BBF0F7
#47D8EB#EB47D8#D8EB47#BAF0F7
#47E0EB#EB47E0#E0EB47#BAF3F7
#47E2EB#EB47E2#E2EB47#BAF4F7
#47CAEB#EB47CA#CAEB47#BAEBF7
#47C7EB#EB47C7#C7EB47#BAEAF7
#4DE3E5#E54DE3#E3E54D#BCF4F5
#47EBEB#EB47EB#EBEB47#BAF7F7
#4EAD1F#35E452#80E5C3#BDEBF5
#64B01C#3EDB40#80E5B4#BFF2F3
#66AD1F#31E731#7BEAB3#BEF3F3
#47EBE5#E547EB#EBE547#BAF7F5