#B2DFEB

Light Blue

HEX

RGB

HSL

About #B2DFEB Light Blue

#B2DFEB is a light blue color. In the RGB color model, it is composed of 178 red, 223 green, and 235 blue. In the HSL color space, it has a hue of 193°, saturation of 59%, and lightness of 81%.

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

Beautiful Gradients

Color Properties

193°

Hue

59%

Saturation

81%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#B2DFEB on White
Contrast Ratio1.43:1
AA AA Large AAA
Aa#B2DFEB on Black
Contrast Ratio14.65:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #B2DFEB across different color formats.

FormatValue
HEX#B2DFEB
RGBrgb(178, 223, 235)
HSLhsl(193, 59%, 81%)
RGB Decimal178, 223, 235
RGB Percent69.8%, 87.5%, 92.2%
CMYK (approx.)24%, 5%, 0%, 8%

Related Palettes

12 palettes using #B2DFEB or similar colors

#B1EAE3#B2DEEA#B4CEEF#B0B7E9
#AAEED1#A4E1DB#B1DDEB#A1BCE0
#A0E7B1#AFE6CF#A4E2DD#B1DBE9
#96ECDF#B8E1EA#C1D5EB#BAC2EF
#BEECCA#97ECC8#B7E8E4#B3E1F1
#B7EABE#B2ECCE#B5E8DF#B8E0E7
#22C328#45DE8A#79E7D9#ADDDF0
#B9E0ED#BED3F1#A6ACEE#BCABED
#A2E3AE#A4E4C5#B5F1E8#AFE4F0
#28C322#45DE7F#79E7D1#ADE2F0
#98E99B#B2EFC9#A3E7D3#B2E5E6
#A4EAB8#9FEED0#B8F0ED#B9E0EF