#b5e4f7 Hex Color

The RBG values of the #b5e4f7 hex color are 181 (red), 228 (blue), and 247 (green). While the HSL values of #b5e4f7 are 0.55 (hue), 0.15 (saturation), and 0.84 (lightness).

The CMYK values of #b5e4f7 are 0.27 (cyan), 0.08 (magenta), 0 (yellow), and 0.03 (black).


#b5e4f7 Color Spaces Conversions

This are the conversions of #b5e4f7 to the different color spaces.

Hexadecimal

b5e4f7

CIE-Lab

87.9811, -10.8916, -14.182

RGB

181, 228, 247

CIE-Lch

87.9811, 17.8817, 232.4761

HSL

0.55, 0.15, 0.84

CIE-Luv

87.9811, -24.2014, -20.6498

HSV

0.55, 0.27, 0.97

Hunter-Lab

84.8681, -14.777, -9.4383

CMYK

0.27, 0.08, 0, 0.03

XYZ

63.588, 72.026, 98.5466

Binary

10110101, 11100100, 11110111

YXY

72.026, 0.2716, 0.3076

#b5e4f7 Color Schemes

This are some of the common color schemes used in web design for the #b5e4f7 hex color.

#b5e4f7 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #b5e4f7 to #1385b3.

#b5e4f7 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #b5e4f7 to #ffffff.

#b5e4f7 Similar Hex Colors



#b5e4f7 Style Preview

Font Color

#b5e4f7 Font Color
style='color:#b5e4f7;'

Background Color

#b5e4f7 Background Color
style='background:#b5e4f7;'

Border Color

#b5e4f7 Border Color
style='border:2px solid #b5e4f7;'

Text Shadow

#b5e4f7 Text Shadow
style='text-shadow: 4px 4px 2px #b5e4f7;'

Shades Gradient

#b5e4f7 Shades Gradient
style='background: -moz-linear-gradient(top, #b5e4f7, #1385b3); background: -webkit-linear-gradient(top, #b5e4f7, #1385b3); background: -o-linear-gradient(top, #b5e4f7, #1385b3); background: -ms-linear-gradient(top, #b5e4f7, #1385b3); background: linear-gradient(top, #b5e4f7, #1385b3);'

Tints Gradient

#b5e4f7 Tints Gradient
style='background: -moz-linear-gradient(top, #b5e4f7, #ffffff); background: -webkit-linear-gradient(top, #b5e4f7, #ffffff); background: -o-linear-gradient(top, #b5e4f7, #ffffff); background: -ms-linear-gradient(top, #b5e4f7, #ffffff); background: linear-gradient(top, #b5e4f7, #ffffff);'