#B1D1A7 Color Information


In the RGB color space, #B1D1A7 is composed of 69.4118% red, 81.9608% green, and 65.4902% blue.

In the CMYK color space, #B1D1A7 is composed of 15.31% cyan, 0% magenta, 20.1% yellow, and 18.04% black,

It has a hue angle of 105.7 degrees, a saturation of 31.34%, and a lightness of 73.72%.

The closest websafe color is #99CC99.

#B1D1A7 RGB Values

#B1D1A7 CMYK Values



#B1D1A7 Color Conversion


The hexadecimal color #B1D1A7 has RGB values of R:177, G:209, B:167 and CMYK values of C:15.31, M:0, Y:20.1, K:18.04. It has a decimal value of 11653543.


Hexadecimal #B1D1A7 #B1D1A7
RGB Decimal 177, 209, 167 rgb(177, 209, 167)
RGB Percent 69.4118, 81.9608, 65.4902 rgb(69.4118%, 81.9608%, 65.4902%)
RGB Proportion 0.6941, 0.8196, 0.6549 rgb(0.6941, 0.8196, 0.6549)
CMYK 15.31, 0, 20.1, 18.04
HSL 105.7ยบ, 31.34, 73.72 hsl(105.7, 31.34%, 73.72%)
Websafe 99CC99 #99CC99
XYZ 47.905, 57.737, 45.178
Yxy 57.737, 0.318, 0.383
CIE-LAB 80.592, -18.437, 17.367
CIE-LCH 80.592, 25.329, 136.712
CIE-LUV 80.592, -15.984, 28.069
Hunter-Lab 75.985, -20.437, 17.938

Color Schemes For #B1D1A7


Colors that go well with #B1D1A7.

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

Alternatives to #B1D1A7


Colors similar to #B1D1A7.


#B1D1A7 Preview


Common HTML and CSS shortcodes for #B1D1A7.

Text with color #B1D1A7


The quick brown fox jumps over the lazy dog.

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

#B1D1A7 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B1D1A7


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B1D1A7


Linear gradient from #B1D1A7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B1D1A7


Radial gradient from #B1D1A7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B1D1A7 and its Complementary Color


Linear gradient from #B1D1A7 to #4E2E58.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B1D1A7 and its Complementary Color


Radial gradient from #B1D1A7 to #4E2E58.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors