#BEC7F3

Light Blue

HEX

RGB

HSL

About #BEC7F3 Light Blue

#BEC7F3 is a light blue color. In the RGB color model, it is composed of 190 red, 199 green, and 243 blue. In the HSL color space, it has a hue of 230°, 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 #BEC7F3 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

230°

Hue

69%

Saturation

85%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#BEC7F3 on White
Contrast Ratio1.66:1
AA AA Large AAA
Aa#BEC7F3 on Black
Contrast Ratio12.65:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BEC7F3 across different color formats.

FormatValue
HEX#BEC7F3
RGBrgb(190, 199, 243)
HSLhsl(230, 69%, 85%)
RGB Decimal190, 199, 243
RGB Percent74.5%, 78.0%, 95.3%
CMYK (approx.)22%, 18%, 0%, 5%

Related Palettes

12 palettes using #BEC7F3 or similar colors

#15B751#46D2C0#7DC1E8#C0C6F2
#1EAE47#37E2BD#79CCEC#BECAF3
#1DAF4E#36E2C6#76C7EF#C0C8F1
#28A460#33E5DC#7EB8E7#C1C3F1
#476BEB#EB476B#6BEB47#BAC7F7
#476DEB#EB476D#6DEB47#BAC8F7
#4768EB#EB4768#68EB47#BAC6F7
#1AB252#31E7CF#7FC0E6#BBC3F6
#BBCCF2#B4B3F0#C8B3F0#DEB7F0
#BDCCF0#9896E9#B9A2E0#D9A8EE
#4765EB#EB4765#65EB47#BAC5F7
#4770EB#EB4770#70EB47#BAC9F7