#b0cdd1 Hex Color

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

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


#b0cdd1 Color Spaces Conversions

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

Hexadecimal

b0cdd1

CIE-Lab

80.4579, -8.8182, -5.2475

RGB

176, 205, 209

CIE-Lch

80.4579, 10.2615, 210.756

HSL

0.52, 0.09, 0.75

CIE-Luv

80.4579, -15.4784, -6.5357

HSV

0.52, 0.16, 0.82

Hunter-Lab

75.8262, -12.0631, -0.654

CMYK

0.16, 0.02, 0, 0.18

XYZ

51.2444, 57.4962, 68.7186

Binary

10110000, 11001101, 11010001

YXY

57.4962, 0.2888, 0.324

#b0cdd1 Color Schemes

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

#b0cdd1 Color Shades

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

#b0cdd1 Color Tints

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

#b0cdd1 Similar Hex Colors



#b0cdd1 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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