Yellow / #ffff00 hex color (#ff0)

In a RGB color space, hex #ffff00 (also known as Yellow, Electric yellow) is composed of 100% red, 100% green and 0% blue. Whereas in a CMYK color space, it is composed 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%. #ffff00 color hex could be obtained by blending #ffff00 with #ffff00. #ffff00 (or #ff0) is a websafe color.

♥
- f
- t
- g
- R 100
- G 100
- B 0
RGB color chart
- C 0
- M 0
- Y 100
- K 0
CMYK color chart

● #ffff00 color description : Pure (or mostly pure) yellow.

The hexadecimal color #ffff00 has RGB values of R:255, G:255, B:0 and CMYK values of C:0, M:0, Y:1, K:0. Its decimal value is 16776960.

Hex triplet	ffff00	`#ffff00`
RGB Decimal	255, 255, 0	`rgb(255,255,0)`
RGB Percent	100, 100, 0	`rgb(100%,100%,0%)`
CMYK	0, 0, 100, 0
HSL	60°, 100, 50	`hsl(60,100%,50%)`
HSV (or HSB)	60°, 100, 100
Web Safe	ffff00	`#ffff00`

CIE-LAB	97.139, -21.558, 94.477
XYZ	77, 92.781, 13.853
xyY	0.419, 0.505, 92.781
CIE-LCH	97.139, 96.906, 102.854
CIE-LUV	97.139, 7.699, 106.787
Hunter-Lab	96.323, -25.873, 58.899
Binary	11111111, 11111111, 00000000

#ffff00
```
#ffff00 rgb(255,255,0)
```
#0000ff
```
#0000ff rgb(0,0,255)
```

Complementary Color

#ff8000
```
#ff8000 rgb(255,128,0)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```
#80ff00
```
#80ff00 rgb(128,255,0)
```

Analogous Color

#8000ff
```
#8000ff rgb(128,0,255)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```
#0080ff
```
#0080ff rgb(0,128,255)
```

Split Complementary Color

#ff00ff
```
#ff00ff rgb(255,0,255)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```
#00ffff
```
#00ffff rgb(0,255,255)
```

Triadic Color

#ff0000
```
#ff0000 rgb(255,0,0)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```
#00ffff
```
#00ffff rgb(0,255,255)
```
#0000ff
```
#0000ff rgb(0,0,255)
```

Tetradic Color

#b3b300
```
#b3b300 rgb(179,179,0)
```
#cccc00
```
#cccc00 rgb(204,204,0)
```
#e6e600
```
#e6e600 rgb(230,230,0)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```
#ffff1a
```
#ffff1a rgb(255,255,26)
```
#ffff33
```
#ffff33 rgb(255,255,51)
```
#ffff4d
```
#ffff4d rgb(255,255,77)
```

Monochromatic Color

Below, you can see 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.

#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)
```

Similar Colors

Text with hexadecimal color #ffff00

This text has a font color of #ffff00.

<span style="color:#ffff00;">Text here</span>

#ffff00 background color

This paragraph has a background color of #ffff00.

<p style="background-color:#ffff00;">Content here</p>

#ffff00 border color

This element has a border color of #ffff00.

<div style="border:1px solid #ffff00;">Content here</div>

CSS codes

.text {color:#ffff00;}

.background {background-color:#ffff00;}

.border {border:1px solid #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, #141400 is the darkest color, while #ffffff is the lightest one.

#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)
```

Shade Color Variation

#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)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898976 is the less saturated color, while #ffff00 is the most saturated one.

#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)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```

Tone Color Variation

Below, you can see how #ffff00 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#e2e2e2 Achromatopsia 0.005% of the population
#e8e8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff7dc Protanopia 1% of men
#fff5eb Deuteranopia 1% of men
#fff4f9 Tritanopia 0.001% of the population

Trichromacy

#fffa8c Protanomaly 1% of men, 0.01% of women
#fff995 Deuteranomaly 6% of men, 0.4% of women
#fff89e Tritanomaly 0.01% of the population

Yellow / #ffff00 hex color

#ffff00 Color Information

#ffff00 Color Conversion

Color Schemes with #ffff00

Alternatives to #ffff00

#ffff00 Preview

Shades and Tints of #ffff00

Tones of #ffff00

Color Blindness Simulator