#BCC1C3 Color Information


In the RGB color space, #BCC1C3 is composed of 73.7255% red, 75.6863% green, and 76.4706% blue.

In the CMYK color space, #BCC1C3 is composed of 3.58% cyan, 1.02% magenta, 0% yellow, and 23.53% black,

It has a hue angle of 197.1 degrees, a saturation of 5.5%, and a lightness of 75.1%.

The closest websafe color is #CCCCCC.

#BCC1C3 RGB Values

#BCC1C3 CMYK Values



#BCC1C3 Color Conversion


The hexadecimal color #BCC1C3 has RGB values of R:188, G:193, B:195 and CMYK values of C:3.58, M:1.02, Y:0, K:23.53. It has a decimal value of 12370371.


Hexadecimal #BCC1C3 #BCC1C3
RGB Decimal 188, 193, 195 rgb(188, 193, 195)
RGB Percent 73.7255, 75.6863, 76.4706 rgb(73.7255%, 75.6863%, 76.4706%)
RGB Proportion 0.7373, 0.7569, 0.7647 rgb(0.7373, 0.7569, 0.7647)
CMYK 3.58, 1.02, 0, 23.53
HSL 197.1ยบ, 5.5, 75.1 hsl(197.1, 5.5%, 75.1%)
Websafe CCCCCC #CCCCCC
XYZ 49.664, 52.777, 59.198
Yxy 52.777, 0.307, 0.327
CIE-LAB 77.743, -1.344, -1.609
CIE-LCH 77.743, 2.096, 230.128
CIE-LUV 77.743, -2.902, -2.183
Hunter-Lab 72.648, -5.106, 2.54

Color Schemes For #BCC1C3


Colors that go well with #BCC1C3.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #BCC1C3


Colors similar to #BCC1C3.


#BCC1C3 Preview


Common HTML and CSS shortcodes for #BCC1C3.

Text with color #BCC1C3


The quick brown fox jumps over the lazy dog.

<div style="color: #BCC1C3;">The quick brown fox jumps over the lazy dog.</div>

#BCC1C3 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #BCC1C3;">The quick brown fox jumps over the lazy dog.</div>

Border with #BCC1C3


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #BCC1C3;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #BCC1C3


Linear gradient from #BCC1C3 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#BCC1C3, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #BCC1C3


Radial gradient from #BCC1C3 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#BCC1C3, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #BCC1C3 and its Complementary Color


Linear gradient from #BCC1C3 to #433E3C.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#BCC1C3, #433E3C);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #BCC1C3 and its Complementary Color


Radial gradient from #BCC1C3 to #433E3C.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#BCC1C3, #433E3C);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #BCC1C3; } .background { background-color: #BCC1C3; } .border { border: 1px solid #BCC1C3; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #BCC1C3


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #030404 while the lightest tint is #FEFEFE.

Shades


Tints

Random Colors