#C4BDF4

Light Blue

HEX

RGB

HSL

About #C4BDF4 Light Blue

#C4BDF4 is a light blue color. In the RGB color model, it is composed of 196 red, 189 green, and 244 blue. In the HSL color space, it has a hue of 248°, saturation of 71%, 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 & Gradients

Use #C4BDF4 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

248°

Hue

71%

Saturation

85%

Lightness

Light Blue

Color Harmonies

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

Accessibility

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

Aa#C4BDF4 on White
Contrast Ratio1.76:1
AA AA Large AAA
Aa#C4BDF4 on Black
Contrast Ratio11.93:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C4BDF4 across different color formats.

FormatValue
HEX#C4BDF4
RGBrgb(196, 189, 244)
HSLhsl(248, 71%, 85%)
RGB Decimal196, 189, 244
RGB Percent76.9%, 74.1%, 95.7%
CMYK (approx.)20%, 23%, 0%, 4%

Related Palettes

12 palettes using #C4BDF4 or similar colors

#22AA7A#3EC3DA#7FA3E6#C6BDF4
#19B375#38D0E1#78A7ED#C5C0F2
#C2BCF1#C9AAF0#DDB1E9#E59BDD
#6547EB#EB6547#47EB65#C5BAF7
#5D47EB#EB5D47#47EB5D#C2BAF7
#6847EB#EB6847#47EB68#C6BAF7
#1CB06B#40D4D9#76AEEF#C2C0F1
#17B56B#32E0E6#7DAFE8#BFBDF4
#544DE5#E5544D#4DE554#BFBCF5
#18B46B#43D1D6#7EAFE7#C2C1F1
#17B571#33DAE6#7DABE8#BFBBF6
#6D47EB#EB6D47#47EB6D#C8BAF7