#ffff00 Color Informations
This page lists more detailed information about the hex color code #ffff00(also known as electric yellow color). In a RGB color space, hex #ffff00 is composed of 255(100%) red, 255(100%) green and 0(0%) blue. Its decimal value is 16776960. In a CMYK color space, it is consist of 0% cyan, 0% magenta, 100% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 50%.
Color #ffff00 contains mostly Yellow color, is a warm color and #ffff00(or #ff0) is a websafe color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#ffff00 color description : luminous vivid yellow.
#ffff00 Color Conversion
-
- Hex triplet ff, ff, 00
- RGB Decimal 255, 255, 0
- RGB Octal 377, 377, 000
- RGB Binary 11111111, 11111111, 00000000
- RGB Percent 100%, 100%, 0%
- XYZ 77, 92.78, 13.85
- xyY 0.4193, 0.5053, 92.78
-
- CMYK 0%, 0%, 100%, 0%
- HSL 60°, 100, 50
- HSV(HSB) 60°, 100, 100
- CIE-L*AB 97.138, -21.556, 94.482
- CIE-L*CH 97.138, 96.91, 102.852
- CIE-L*UV 97.138, 7.703, 106.789
- Hunter-Lab 96.322, -25.871, 58.9
#ffff00 Color Analysis
Color Schemes with #ffff00
Complementary Color of #ffff00 is #0000ff. Split Complementary Colors of #ffff00 are #8000ff and #0080ff. Analogous Colors of #ffff00 are #ff8000 and #80ff00. Triadic Colors of #ffff00 are #ff00ff and #00ffff
Shades and Tints of #ffff00
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #ffffeb is the lightest one.
-
#000000
#000000
rgb(0,0,0) -
#141400
#141400
rgb(20,20,0) -
#272700
#272700
rgb(39,39,0) -
#3b3b00
#3b3b00
rgb(59,59,0) -
#4e4e00
#4e4e00
rgb(78,78,0) -
#626200
#626200
rgb(98,98,0) -
#767600
#767600
rgb(118,118,0) -
#898900
#898900
rgb(137,137,0) -
#9d9d00
#9d9d00
rgb(157,157,0) -
#b1b100
#b1b100
rgb(177,177,0) -
#c4c400
#c4c400
rgb(196,196,0) -
#d8d800
#d8d800
rgb(216,216,0) -
#ebeb00
#ebeb00
rgb(235,235,0)
-
#ffff00
#ffff00
rgb(255,255,0) -
#ffff14
#ffff14
rgb(255,255,20) -
#ffff27
#ffff27
rgb(255,255,39) -
#ffff3b
#ffff3b
rgb(255,255,59) -
#ffff4e
#ffff4e
rgb(255,255,78) -
#ffff62
#ffff62
rgb(255,255,98) -
#ffff76
#ffff76
rgb(255,255,118) -
#ffff89
#ffff89
rgb(255,255,137) -
#ffff9d
#ffff9d
rgb(255,255,157) -
#ffffb1
#ffffb1
rgb(255,255,177) -
#ffffc4
#ffffc4
rgb(255,255,196) -
#ffffd8
#ffffd8
rgb(255,255,216) -
#ffffeb
#ffffeb
rgb(255,255,235)
Tones of #ffff00
A tone is produced by adding gray to any pure hue. In this case, #808080 is the less saturated color, while #f5f50a is the most saturated one.
-
#808080
#808080
rgb(128,128,128) -
#898976
#898976
rgb(137,137,118) -
#93936c
#93936c
rgb(147,147,108) -
#9d9d62
#9d9d62
rgb(157,157,98) -
#a7a758
#a7a758
rgb(167,167,88) -
#b1b14e
#b1b14e
rgb(177,177,78) -
#baba45
#baba45
rgb(186,186,69) -
#c4c43b
#c4c43b
rgb(196,196,59) -
#cece31
#cece31
rgb(206,206,49) -
#d8d827
#d8d827
rgb(216,216,39) -
#e2e21d
#e2e21d
rgb(226,226,29) -
#ebeb14
#ebeb14
rgb(235,235,20) -
#f5f50a
#f5f50a
rgb(245,245,10)
Alternatives to #ffff00
Below, site show some colors close to #ffff00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#ff8000
#ff8000
rgb(255,128,0) -
#ff9500
#ff9500
rgb(255,149,0) -
#ffaa00
#ffaa00
rgb(255,170,0) -
#ffbf00
#ffbf00
rgb(255,191,0) -
#ffd500
#ffd500
rgb(255,213,0) -
#ffea00
#ffea00
rgb(255,234,0) -
#ffff00
#ffff00
rgb(255,255,0) -
#eaff00
#eaff00
rgb(234,255,0) -
#d5ff00
#d5ff00
rgb(213,255,0) -
#bfff00
#bfff00
rgb(191,255,0) -
#aaff00
#aaff00
rgb(170,255,0) -
#95ff00
#95ff00
rgb(149,255,0) -
#80ff00
#80ff00
rgb(128,255,0)
#ffff00 Preview in HTML
This text has a font color of #ffff00.
<span style="color:#ffff00;">Text here</span>
#ffff00 Text Shadow.
<span style="text-shadow:2px 2px 3px #ffff00;">Text here</span>
This paragraph has a background color of #ffff00.
<p style="background-color:#ffff00;">Content here</p>
This element has a border color of #ffff00.
<div style="border:1px solid #ffff00;">Content here</div>
.text{color:#ffff00;}
.background{background-color:#ffff00;}
.border{border:1px solid #ffff00;}
Download #ffff00 color images
Solid color background with hex color code #ffff00(with the name electric yellow). Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -