#B4C3F9

Light Blue

HEX

RGB

HSL

About #B4C3F9 Light Blue

#B4C3F9 is a light blue color. In the RGB color model, it is composed of 180 red, 195 green, and 249 blue. In the HSL color space, it has a hue of 227°, saturation of 85%, and lightness of 84%.

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

Use #B4C3F9 in your CSS, SCSS, or Tailwind projects.

Color Properties

227°

Hue

85%

Saturation

84%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#B4C3F9 on White
Contrast Ratio1.73:1
AA AA Large AAA
Aa#B4C3F9 on Black
Contrast Ratio12.11:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #B4C3F9 across different color formats.

FormatValue
HEX#B4C3F9
RGBrgb(180, 195, 249)
HSLhsl(227, 85%, 84%)
RGB Decimal180, 195, 249
RGB Percent70.6%, 76.5%, 97.6%
CMYK (approx.)28%, 22%, 0%, 2%

Related Palettes

12 palettes using #B4C3F9 or similar colors

#4763EB#EB4763#63EB47#BAC4F7
#4765EB#EB4765#65EB47#BAC5F7
#4758EB#EB4758#58EB47#BAC0F7
#1AB252#31E7CF#7FC0E6#BBC3F6
#A9CBE3#B2C2F1#A59EEB#CBB6E9
#20AC5F#46D3CC#7DB8E8#BCBFF6
#474DEB#EB474D#4DEB47#BABCF7
#A9D3EF#B3C3EF#BBB8E8#D0BEEA
#A4BFE3#B9BEF0#B9ABE5#DCC2EE
#4A47EB#EB4A47#47EB4A#BBBAF7
#96ECDF#B8E1EA#C1D5EB#BAC2EF
#22C360#45DEBF#79CFE7#ADC6F0