#ffff00 (Yellow) Color

#ffff00 References
Hex:#ffff00
RGB:rgb(255, 255, 0)
HSL:hsl(60, 100%, 50%)
CMYK:cmyk(0, 0, 1, 0)
HWB:hwb(60, 0%, 0%)
CSS Reference:yellow

Darker | Lighter | Shades | Tones | Tints | Harmonies | How to Use | Description

Lighter than #ffff00
Darker than #ffff00
Tones of #ffff00
Tints of #ffff00
How to Use

Text / Font Color:
color: #ffff00;

Example text using the color #ffff00.

Background Color:
background-color: #ffff00;

Example

Border Color:
border-color: #ffff00;

Example

Box Shadow Color:
box-shadow: 2px 2px 4px #ffff00;

Example

Text Shadow Color:
text-shadow: 2px 2px 2px #ffff00;

Example text shadow using the color #ffff00.

#ffff00 Description

The #ffff00 color is made up of 255 Red, 255 Green, and 0 Blue. This color could be named as Yellow. This color's complement is #0000ff, which is the opposite on the color wheel. The hue is at 60 degrees, with a saturation value at 100 percent and a lightness value of 50 percent. Therefore, this color can be considered to be light, and have warm color temperature. In the CMYK color model (used in the printing process), the composition is 0% Cyan, 0% Magenta, 100% Yellow, and 0% key (black). Colors that look similar, to the #ffff00 color, may be found within the Yellows Color Category.

Other attributes:

  • CSS Reference: yellow
  • Complement:

    #0000ff

  • Color Name: Yellow
  • RGB (Percent): 100%, 100%, 0%
  • HSL (Decimal): 0.17, 1, 0.5
  • Type: Light / Warm

Previous: #fffeff

Next: #ffff01

Share!