#b0bdd1 Hex Color

The RBG values of the #b0bdd1 hex color are 176 (red), 189 (blue), and 209 (green). While the HSL values of #b0bdd1 are 0.6 (hue), 0.09 (saturation), and 0.75 (lightness).

The CMYK values of #b0bdd1 are 0.16 (cyan), 0.1 (magenta), 0 (yellow), and 0.18 (black).


#b0bdd1 Color Spaces Conversions

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

Hexadecimal

b0bdd1

CIE-Lab

76.2095, -0.3617, -11.5585

RGB

176, 189, 209

CIE-Lch

76.2095, 11.5641, 268.2079

HSL

0.6, 0.09, 0.75

CIE-Luv

76.2095, -7.9984, -17.7171

HSV

0.6, 0.16, 0.82

Hunter-Lab

70.8722, -4.1133, -6.8645

CMYK

0.16, 0.1, 0, 0.18

XYZ

47.6107, 50.2287, 67.5074

Binary

10110000, 10111101, 11010001

YXY

50.2287, 0.2879, 0.3038

#b0bdd1 Color Schemes

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

#b0bdd1 Color Shades

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

#b0bdd1 Color Tints

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

#b0bdd1 Similar Hex Colors



#b0bdd1 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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