#B2AFDC

Light Blue

HEX

RGB

HSL

About #B2AFDC Light Blue

#B2AFDC is a light blue color. In the RGB color model, it is composed of 178 red, 175 green, and 220 blue. In the HSL color space, it has a hue of 244°, saturation of 39%, and lightness of 77%.

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

Beautiful Gradients

Color Properties

244°

Hue

39%

Saturation

77%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#B2AFDC on White
Contrast Ratio2.09:1
AA AA Large AAA
Aa#B2AFDC on Black
Contrast Ratio10.06:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #B2AFDC across different color formats.

FormatValue
HEX#B2AFDC
RGBrgb(178, 175, 220)
HSLhsl(244, 39%, 77%)
RGB Decimal178, 175, 220
RGB Percent69.8%, 68.6%, 86.3%
CMYK (approx.)19%, 20%, 0%, 14%

Related Palettes

12 palettes using #B2AFDC or similar colors

#B7AAE4#DBBFF0#E5B7EB#E6ABD8
#345D65#5A778C#8191B1#ACAFD3
#385A61#4B789A#7D8FB5#ACAED3
#AFA7E3#C6A4ED#DB9EEA#ECC0E6
#3D5A5C#4E8098#8496AE#ACB3D3
#A8E3EF#B0D0F0#B1BCEF#B0A6E3
#3B495E#525C93#8884AE#B9A9D5
#384D61#4E6297#8585AD#B6AED1
#384861#5A608C#8680B2#BAAAD5
#346365#508095#7F96B3#A9B2D5
#385661#557291#7988B9#AEADD1
#A4BFE3#B9BEF0#B9ABE5#DCC2EE