#BADDBC Color Information


In the RGB color space, #BADDBC is composed of 72.9412% red, 86.6667% green, and 73.7255% blue.

In the CMYK color space, #BADDBC is composed of 15.84% cyan, 0% magenta, 14.93% yellow, and 13.33% black,

It has a hue angle of 123.5 degrees, a saturation of 33.99%, and a lightness of 79.81%.

The closest websafe color is #CCCCCC.

#BADDBC RGB Values

#BADDBC CMYK Values



#BADDBC Color Conversion


The hexadecimal color #BADDBC has RGB values of R:186, G:221, B:188 and CMYK values of C:15.84, M:0, Y:14.93, K:13.33. It has a decimal value of 12246460.


Hexadecimal #BADDBC #BADDBC
RGB Decimal 186, 221, 188 rgb(186, 221, 188)
RGB Percent 72.9412, 86.6667, 73.7255 rgb(72.9412%, 86.6667%, 73.7255%)
RGB Proportion 0.7294, 0.8667, 0.7373 rgb(0.7294, 0.8667, 0.7373)
CMYK 15.84, 0, 14.93, 13.33
HSL 123.5ยบ, 33.99, 79.81 hsl(123.5, 33.99%, 79.81%)
Websafe CCCCCC #CCCCCC
XYZ 55.186, 65.787, 57.373
Yxy 65.787, 0.309, 0.369
CIE-LAB 84.888, -17.735, 12.405
CIE-LCH 84.888, 21.643, 145.029
CIE-LUV 84.888, -17.684, 21.334
Hunter-Lab 81.109, -20.491, 14.837

Color Schemes For #BADDBC


Colors that go well with #BADDBC.

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

Alternatives to #BADDBC


Colors similar to #BADDBC.


#BADDBC Preview


Common HTML and CSS shortcodes for #BADDBC.

Text with color #BADDBC


The quick brown fox jumps over the lazy dog.

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

#BADDBC as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BADDBC


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BADDBC


Linear gradient from #BADDBC to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BADDBC


Radial gradient from #BADDBC to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BADDBC and its Complementary Color


Linear gradient from #BADDBC to #452243.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BADDBC and its Complementary Color


Radial gradient from #BADDBC to #452243.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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