#FAED56 Color Information


In the RGB color space, #FAED56 is composed of 98.0392% red, 92.9412% green, and 33.7255% blue.

In the CMYK color space, #FAED56 is composed of 0% cyan, 5.2% magenta, 65.6% yellow, and 1.96% black,

It has a hue angle of 55.2 degrees, a saturation of 94.25%, and a lightness of 65.89%.

The closest websafe color is #FFFF66.

#FAED56 RGB Values

#FAED56 CMYK Values



#FAED56 Color Conversion


The hexadecimal color #FAED56 has RGB values of R:250, G:237, B:86 and CMYK values of C:0, M:5.2, Y:65.6, K:1.96. It has a decimal value of 16444758.


Hexadecimal #FAED56 #FAED56
RGB Decimal 250, 237, 86 rgb(250, 237, 86)
RGB Percent 98.0392, 92.9412, 33.7255 rgb(98.0392%, 92.9412%, 33.7255%)
RGB Proportion 0.9804, 0.9294, 0.3373 rgb(0.9804, 0.9294, 0.3373)
CMYK 0, 5.2, 65.6, 1.96
HSL 55.2ยบ, 94.25, 65.89 hsl(55.2, 94.25%, 65.89%)
Websafe FFFF66 #FFFF66
XYZ 71.389, 81.563, 20.787
Yxy 81.563, 0.411, 0.469
CIE-LAB 92.382, -12.662, 71.703
CIE-LCH 92.382, 72.812, 100.015
CIE-LUV 92.382, 15.086, 87.111
Hunter-Lab 90.312, -16.948, 49.572

Color Schemes For #FAED56


Colors that go well with #FAED56.

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

Alternatives to #FAED56


Colors similar to #FAED56.


#FAED56 Preview


Common HTML and CSS shortcodes for #FAED56.

Text with color #FAED56


The quick brown fox jumps over the lazy dog.

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

#FAED56 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #FAED56


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FAED56


Linear gradient from #FAED56 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FAED56


Radial gradient from #FAED56 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FAED56 and its Complementary Color


Linear gradient from #FAED56 to #0512A9.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FAED56 and its Complementary Color


Radial gradient from #FAED56 to #0512A9.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors