#C4BDF5

Light Blue

HEX

RGB

HSL

About #C4BDF5 Light Blue

#C4BDF5 is a light blue color. In the RGB color model, it is composed of 196 red, 189 green, and 245 blue. In the HSL color space, it has a hue of 248°, saturation of 74%, and lightness of 85%.

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 #C4BDF5 in your CSS, SCSS, or Tailwind projects.

Color Properties

248°

Hue

74%

Saturation

85%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#C4BDF5 on White
Contrast Ratio1.76:1
AA AA Large AAA
Aa#C4BDF5 on Black
Contrast Ratio11.94:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C4BDF5 across different color formats.

FormatValue
HEX#C4BDF5
RGBrgb(196, 189, 245)
HSLhsl(248, 74%, 85%)
RGB Decimal196, 189, 245
RGB Percent76.9%, 74.1%, 96.1%
CMYK (approx.)20%, 23%, 0%, 4%

Related Palettes

12 palettes using #C4BDF5 or similar colors

#5D47EB#EB5D47#47EB5D#C2BAF7
#6847EB#EB6847#47EB68#C6BAF7
#19B375#38D0E1#78A7ED#C5C0F2
#544DE5#E5544D#4DE554#BFBCF5
#6D47EB#EB6D47#47EB6D#C8BAF7
#1CB06B#40D4D9#76AEEF#C2C0F1
#17B571#33DAE6#7DABE8#BFBBF6
#18B46B#43D1D6#7EAFE7#C2C1F1
#18B466#3ADEDE#82B3E3#BEBEF4
#B2B6EB#C8B9F1#D4B4E9#E2A0E7
#5047EB#EB5047#47EB50#BDBAF7
#C8BEEE#D6B8EE#DEA7E5#E3A4D5