#BACBFE Color Information


In the RGB color space, #BACBFE is composed of 72.9412% red, 79.6078% green, and 99.6078% blue.

In the CMYK color space, #BACBFE is composed of 26.77% cyan, 20.08% magenta, 0% yellow, and 0.39% black,

It has a hue angle of 225.0 degrees, a saturation of 97.16%, and a lightness of 86.28%.

The closest websafe color is #CCCCFF.

#BACBFE RGB Values

#BACBFE CMYK Values



#BACBFE Color Conversion


The hexadecimal color #BACBFE has RGB values of R:186, G:203, B:254 and CMYK values of C:26.77, M:20.08, Y:0, K:0.39. It has a decimal value of 12241918.


Hexadecimal #BACBFE #BACBFE
RGB Decimal 186, 203, 254 rgb(186, 203, 254)
RGB Percent 72.9412, 79.6078, 99.6078 rgb(72.9412%, 79.6078%, 99.6078%)
RGB Proportion 0.7294, 0.7961, 0.9961 rgb(0.7294, 0.7961, 0.9961)
CMYK 26.77, 20.08, 0, 0.39
HSL 225.0ยบ, 97.16, 86.28 hsl(225.0, 97.16%, 86.28%)
Websafe CCCCFF #CCCCFF
XYZ 59.496, 60.309, 102.276
Yxy 60.309, 0.268, 0.272
CIE-LAB 82.006, 5.275, -26.894
CIE-LCH 82.006, 27.406, 281.097
CIE-LUV 82.006, -11.292, -43.999
Hunter-Lab 77.659, 0.849, -23.723

Color Schemes For #BACBFE


Colors that go well with #BACBFE.

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

Alternatives to #BACBFE


Colors similar to #BACBFE.


#BACBFE Preview


Common HTML and CSS shortcodes for #BACBFE.

Text with color #BACBFE


The quick brown fox jumps over the lazy dog.

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

#BACBFE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BACBFE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BACBFE


Linear gradient from #BACBFE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BACBFE


Radial gradient from #BACBFE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BACBFE and its Complementary Color


Linear gradient from #BACBFE to #453401.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BACBFE and its Complementary Color


Radial gradient from #BACBFE to #453401.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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