#FBC040 Color Information


In the RGB color space, #FBC040 is composed of 98.4314% red, 75.2941% green, and 25.098% blue.

In the CMYK color space, #FBC040 is composed of 0% cyan, 23.51% magenta, 74.5% yellow, and 1.57% black,

It has a hue angle of 41.1 degrees, a saturation of 95.89%, and a lightness of 61.77%.

The closest websafe color is #FFCC33.

#FBC040 RGB Values

#FBC040 CMYK Values



#FBC040 Color Conversion


The hexadecimal color #FBC040 has RGB values of R:251, G:192, B:64 and CMYK values of C:0, M:23.51, Y:74.5, K:1.57. It has a decimal value of 16498752.


Hexadecimal #FBC040 #FBC040
RGB Decimal 251, 192, 64 rgb(251, 192, 64)
RGB Percent 98.4314, 75.2941, 25.098 rgb(98.4314%, 75.2941%, 25.098%)
RGB Proportion 0.9843, 0.7529, 0.251 rgb(0.9843, 0.7529, 0.251)
CMYK 0, 23.51, 74.5, 1.57
HSL 41.1ยบ, 95.89, 61.77 hsl(41.1, 95.89%, 61.77%)
Websafe FFCC33 #FFCC33
XYZ 59.555, 58.573, 13.018
Yxy 58.573, 0.454, 0.447
CIE-LAB 81.056, 9.509, 68.811
CIE-LCH 81.056, 69.465, 82.132
CIE-LUV 81.056, 48.405, 74.939
Hunter-Lab 76.533, 4.969, 43.488

Color Schemes For #FBC040


Colors that go well with #FBC040.

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

Alternatives to #FBC040


Colors similar to #FBC040.


#FBC040 Preview


Common HTML and CSS shortcodes for #FBC040.

Text with color #FBC040


The quick brown fox jumps over the lazy dog.

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

#FBC040 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #FBC040


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FBC040


Linear gradient from #FBC040 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FBC040


Radial gradient from #FBC040 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FBC040 and its Complementary Color


Linear gradient from #FBC040 to #043FBF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FBC040 and its Complementary Color


Radial gradient from #FBC040 to #043FBF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors