#B4FFFF Color Information


In the RGB color space, #B4FFFF is composed of 70.5882% red, 100% green, and 100% blue.

In the CMYK color space, #B4FFFF is composed of 29.41% cyan, 0% magenta, 0% yellow, and 0% black,

It has a hue angle of 180 degrees, a saturation of 100%, and a lightness of 85.3%.

The closest websafe color is #CCFFFF.

#B4FFFF RGB Values

#B4FFFF CMYK Values



#B4FFFF Color Conversion


The hexadecimal color #B4FFFF has RGB values of R:180, G:255, B:255 and CMYK values of C:29.41, M:0, Y:0, K:0. It has a decimal value of 11862015.


Hexadecimal #B4FFFF #B4FFFF
RGB Decimal 180, 255, 255 rgb(180, 255, 255)
RGB Percent 70.5882, 100, 100 rgb(70.5882%, 100%, 100%)
RGB Proportion 0.7059, 1.0, 1.0 rgb(0.7059, 1.0, 1.0)
CMYK 29.41, 0, 0, 0
HSL 180ยบ, 100, 85.3 hsl(180, 100%, 85.3%)
Websafe CCFFFF #CCFFFF
XYZ 72.633, 88.444, 107.851
Yxy 88.444, 0.27, 0.329
CIE-LAB 95.348, -22.821, -7.388
CIE-LCH 95.348, 23.987, 197.939
CIE-LUV 95.348, -36.2, -7.824
Hunter-Lab 94.045, -26.718, -2.163

Color Schemes For #B4FFFF


Colors that go well with #B4FFFF.

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

Alternatives to #B4FFFF


Colors similar to #B4FFFF.


#B4FFFF Preview


Common HTML and CSS shortcodes for #B4FFFF.

Text with color #B4FFFF


The quick brown fox jumps over the lazy dog.

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

#B4FFFF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B4FFFF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B4FFFF


Linear gradient from #B4FFFF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B4FFFF


Radial gradient from #B4FFFF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B4FFFF and its Complementary Color


Linear gradient from #B4FFFF to #4B0000.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B4FFFF and its Complementary Color


Radial gradient from #B4FFFF to #4B0000.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FEFFFF.

Shades


Tints

Random Colors