#b3c7c2 Hex Color

The RBG values of the #b3c7c2 hex color are 179 (red), 199 (blue), and 194 (green). While the HSL values of #b3c7c2 are 0.46 (hue), 0.05 (saturation), and 0.74 (lightness).

The CMYK values of #b3c7c2 are 0.1 (cyan), 0 (magenta), 0.03 (yellow), and 0.22 (black).


#b3c7c2 Color Spaces Conversions

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

Hexadecimal

b3c7c2

CIE-Lab

78.6512, -7.7401, 0.1804

RGB

179, 199, 194

CIE-Lch

78.6512, 7.7422, 178.6646

HSL

0.46, 0.05, 0.74

CIE-Luv

78.6512, -10.6589, 1.5976

HSV

0.46, 0.1, 0.78

Hunter-Lab

73.7059, -10.9197, 4.1697

CMYK

0.1, 0, 0.03, 0.22

XYZ

48.7514, 54.3256, 58.9553

Binary

10110011, 11000111, 11000010

YXY

54.3256, 0.3009, 0.3353

#b3c7c2 Color Schemes

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

#b3c7c2 Color Shades

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

#b3c7c2 Color Tints

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

#b3c7c2 Similar Hex Colors



#b3c7c2 Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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