#BAD977 Color Information


In the RGB color space, #BAD977 is composed of 72.9412% red, 85.098% green, and 46.6667% blue.

In the CMYK color space, #BAD977 is composed of 14.29% cyan, 0% magenta, 45.16% yellow, and 14.9% black,

It has a hue angle of 79.0 degrees, a saturation of 56.32%, and a lightness of 65.88%.

The closest websafe color is #CCCC66.

#BAD977 RGB Values

#BAD977 CMYK Values



#BAD977 Color Conversion


The hexadecimal color #BAD977 has RGB values of R:186, G:217, B:119 and CMYK values of C:14.29, M:0, Y:45.16, K:14.9. It has a decimal value of 12245367.


Hexadecimal #BAD977 #BAD977
RGB Decimal 186, 217, 119 rgb(186, 217, 119)
RGB Percent 72.9412, 85.098, 46.6667 rgb(72.9412%, 85.098%, 46.6667%)
RGB Proportion 0.7294, 0.851, 0.4667 rgb(0.7294, 0.851, 0.4667)
CMYK 14.29, 0, 45.16, 14.9
HSL 79.0ยบ, 56.32, 65.88 hsl(79.0, 56.32%, 65.88%)
Websafe CCCC66 #CCCC66
XYZ 48.393, 61.399, 26.756
Yxy 61.399, 0.354, 0.45
CIE-LAB 82.593, -25.713, 44.717
CIE-LCH 82.593, 51.583, 119.9
CIE-LUV 82.593, -14.413, 62.402
Hunter-Lab 78.358, -26.885, 34.605

Color Schemes For #BAD977


Colors that go well with #BAD977.

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

Alternatives to #BAD977


Colors similar to #BAD977.


#BAD977 Preview


Common HTML and CSS shortcodes for #BAD977.

Text with color #BAD977


The quick brown fox jumps over the lazy dog.

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

#BAD977 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #BAD977


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BAD977


Linear gradient from #BAD977 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BAD977


Radial gradient from #BAD977 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #BAD977 and its Complementary Color


Linear gradient from #BAD977 to #452688.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #BAD977 and its Complementary Color


Radial gradient from #BAD977 to #452688.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors