#BCD9F2 Color Information


In the RGB color space, #BCD9F2 is composed of 73.7255% red, 85.098% green, and 94.902% blue.

In the CMYK color space, #BCD9F2 is composed of 22.31% cyan, 10.33% magenta, 0% yellow, and 5.1% black,

It has a hue angle of 207.8 degrees, a saturation of 67.48%, and a lightness of 84.31%.

The closest websafe color is #CCCCFF.

#BCD9F2 RGB Values

#BCD9F2 CMYK Values



#BCD9F2 Color Conversion


The hexadecimal color #BCD9F2 has RGB values of R:188, G:217, B:242 and CMYK values of C:22.31, M:10.33, Y:0, K:5.1. It has a decimal value of 12376562.


Hexadecimal #BCD9F2 #BCD9F2
RGB Decimal 188, 217, 242 rgb(188, 217, 242)
RGB Percent 73.7255, 85.098, 94.902 rgb(73.7255%, 85.098%, 94.902%)
RGB Proportion 0.7373, 0.851, 0.949 rgb(0.7373, 0.851, 0.949)
CMYK 22.31, 10.33, 0, 5.1
HSL 207.8ยบ, 67.48, 84.31 hsl(207.8, 67.48%, 84.31%)
Websafe CCCCFF #CCCCFF
XYZ 61.582, 66.732, 93.635
Yxy 66.732, 0.277, 0.301
CIE-LAB 85.368, -4.278, -15.418
CIE-LCH 85.368, 16.001, 254.492
CIE-LUV 85.368, -16.078, -23.631
Hunter-Lab 81.69, -8.394, -10.777

Color Schemes For #BCD9F2


Colors that go well with #BCD9F2.

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

Alternatives to #BCD9F2


Colors similar to #BCD9F2.


#BCD9F2 Preview


Common HTML and CSS shortcodes for #BCD9F2.

Text with color #BCD9F2


The quick brown fox jumps over the lazy dog.

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

#BCD9F2 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BCD9F2


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BCD9F2


Linear gradient from #BCD9F2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BCD9F2


Radial gradient from #BCD9F2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BCD9F2 and its Complementary Color


Linear gradient from #BCD9F2 to #43260D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BCD9F2 and its Complementary Color


Radial gradient from #BCD9F2 to #43260D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #BCD9F2; } .background { background-color: #BCD9F2; } .border { border: 1px solid #BCD9F2; } .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 #BCD9F2


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