#BEC5EF

Light Blue

HEX

RGB

HSL

About #BEC5EF Light Blue

#BEC5EF is a light blue color. In the RGB color model, it is composed of 190 red, 197 green, and 239 blue. In the HSL color space, it has a hue of 231°, saturation of 60%, and lightness of 84%.

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 #BEC5EF in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

231°

Hue

60%

Saturation

84%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#BEC5EF on White
Contrast Ratio1.69:1
AA AA Large AAA
Aa#BEC5EF on Black
Contrast Ratio12.42:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BEC5EF across different color formats.

FormatValue
HEX#BEC5EF
RGBrgb(190, 197, 239)
HSLhsl(231, 60%, 84%)
RGB Decimal190, 197, 239
RGB Percent74.5%, 77.3%, 93.7%
CMYK (approx.)21%, 18%, 0%, 6%

Related Palettes

12 palettes using #BEC5EF or similar colors

#15B751#46D2C0#7DC1E8#C0C6F2
#1DAF4E#36E2C6#76C7EF#C0C8F1
#28A460#33E5DC#7EB8E7#C1C3F1
#96ECDF#B8E1EA#C1D5EB#BAC2EF
#BCF1F0#A5D3E8#A8C0EE#C1C2EC
#A1B8E8#C3C2EE#C2A9F0#DEBEED
#18B46B#43D1D6#7EAFE7#C2C1F1
#1EAE47#37E2BD#79CCEC#BECAF3
#B1CDEC#BAC1EC#C4BBEE#C39EE6
#B9CFF1#BFC1EA#C1B2E6#DEBEF1
#A1EAEC#BEDCED#B9C9EE#9E9BEB
#C0DFF1#BBCAEC#9E9BEA#CEBBEE