#B2EEDA Color Information


In the RGB color space, #B2EEDA is composed of 69.8039% red, 93.3333% green, and 85.4902% blue.

In the CMYK color space, #B2EEDA is composed of 25.21% cyan, 0% magenta, 8.4% yellow, and 6.67% black,

It has a hue angle of 160.0 degrees, a saturation of 63.82%, and a lightness of 81.56%.

The closest websafe color is #99FFCC.

#B2EEDA RGB Values

#B2EEDA CMYK Values



#B2EEDA Color Conversion


The hexadecimal color #B2EEDA has RGB values of R:178, G:238, B:218 and CMYK values of C:25.21, M:0, Y:8.4, K:6.67. It has a decimal value of 11726554.


Hexadecimal #B2EEDA #B2EEDA
RGB Decimal 178, 238, 218 rgb(178, 238, 218)
RGB Percent 69.8039, 93.3333, 85.4902 rgb(69.8039%, 93.3333%, 85.4902%)
RGB Proportion 0.698, 0.9333, 0.8549 rgb(0.698, 0.9333, 0.8549)
CMYK 25.21, 0, 8.4, 6.67
HSL 160.0ยบ, 63.82, 81.56 hsl(160.0, 63.82%, 81.56%)
Websafe 99FFCC #99FFCC
XYZ 61.585, 75.67, 77.689
Yxy 75.67, 0.287, 0.352
CIE-LAB 89.706, -22.967, 3.536
CIE-LCH 89.706, 23.238, 171.247
CIE-LUV 89.706, -29.782, 9.338
Hunter-Lab 86.989, -25.858, 7.94

Color Schemes For #B2EEDA


Colors that go well with #B2EEDA.

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

Alternatives to #B2EEDA


Colors similar to #B2EEDA.


#B2EEDA Preview


Common HTML and CSS shortcodes for #B2EEDA.

Text with color #B2EEDA


The quick brown fox jumps over the lazy dog.

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

#B2EEDA as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B2EEDA


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B2EEDA


Linear gradient from #B2EEDA to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B2EEDA


Radial gradient from #B2EEDA to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B2EEDA and its Complementary Color


Linear gradient from #B2EEDA to #4D1125.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B2EEDA and its Complementary Color


Radial gradient from #B2EEDA to #4D1125.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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