Tangerine yellow / #ffcc00 hex color (#fc0)

In a RGB color space, hex #ffcc00 (also known as Tangerine yellow, USC Gold) is composed of 100% red, 80% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 100% yellow and 0% black. It has a hue angle of 48 degrees, a saturation of 100% and a lightness of 50%. #ffcc00 color hex could be obtained by blending #ffff00 with #ff9900. #ffcc00 (or #fc0) is a websafe color.

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

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

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

Hex triplet	ffcc00	`#ffcc00`
RGB Decimal	255, 204, 0	`rgb(255,204,0)`
RGB Percent	100, 80, 0	`rgb(100%,80%,0%)`
CMYK	0, 20, 100, 0
HSL	48°, 100, 50	`hsl(48,100%,50%)`
HSV (or HSB)	48°, 100, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	84.199, 3.676, 85.217
XYZ	62.834, 64.449, 9.13
xyY	0.461, 0.472, 64.449
CIE-LCH	84.199, 85.296, 87.53
CIE-LUV	84.199, 43.731, 88.055
Hunter-Lab	80.28, -0.781, 49.453
Binary	11111111, 11001100, 00000000

#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#0033ff
```
#0033ff rgb(0,51,255)
```

Complementary Color

#ff4c00
```
#ff4c00 rgb(255,76,0)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#b3ff00
```
#b3ff00 rgb(179,255,0)
```

Analogous Color

#4d00ff
```
#4d00ff rgb(77,0,255)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#00b3ff
```
#00b3ff rgb(0,179,255)
```

Split Complementary Color

#cc00ff
```
#cc00ff rgb(204,0,255)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```

Triadic Color

#ff0033
```
#ff0033 rgb(255,0,51)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#0033ff
```
#0033ff rgb(0,51,255)
```

Tetradic Color

#b38f00
```
#b38f00 rgb(179,143,0)
```
#cca300
```
#cca300 rgb(204,163,0)
```
#e6b800
```
#e6b800 rgb(230,184,0)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#ffd11a
```
#ffd11a rgb(255,209,26)
```
#ffd633
```
#ffd633 rgb(255,214,51)
```
#ffdb4d
```
#ffdb4d rgb(255,219,77)
```

Monochromatic Color

Below, you can see some colors close to #ffcc00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff8c00
```
#ff8c00 rgb(255,140,0)
```
#ffa200
```
#ffa200 rgb(255,162,0)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#ffe100
```
#ffe100 rgb(255,225,0)
```
#fff700
```
#fff700 rgb(255,247,0)
```
#f2ff00
```
#f2ff00 rgb(242,255,0)
```

Similar Colors

Text with hexadecimal color #ffcc00

This text has a font color of #ffcc00.

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

#ffcc00 background color

This paragraph has a background color of #ffcc00.

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

#ffcc00 border color

This element has a border color of #ffcc00.

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

CSS codes

.text {color:#ffcc00;}

.background {background-color:#ffcc00;}

.border {border:1px solid #ffcc00;}

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, #141000 is the darkest color, while #ffffff is the lightest one.

#141000
```
#141000 rgb(20,16,0)
```
#271f00
```
#271f00 rgb(39,31,0)
```
#3b2f00
```
#3b2f00 rgb(59,47,0)
```
#4e3f00
```
#4e3f00 rgb(78,63,0)
```
#624e00
```
#624e00 rgb(98,78,0)
```
#765e00
```
#765e00 rgb(118,94,0)
```
#896e00
```
#896e00 rgb(137,110,0)
```
#9d7e00
```
#9d7e00 rgb(157,126,0)
```
#b18d00
```
#b18d00 rgb(177,141,0)
```
#c49d00
```
#c49d00 rgb(196,157,0)
```
#d8ad00
```
#d8ad00 rgb(216,173,0)
```
#ebbc00
```
#ebbc00 rgb(235,188,0)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```

Shade Color Variation

#ffd014
```
#ffd014 rgb(255,208,20)
```
#ffd427
```
#ffd427 rgb(255,212,39)
```
#ffd83b
```
#ffd83b rgb(255,216,59)
```
#ffdc4e
```
#ffdc4e rgb(255,220,78)
```
#ffe062
```
#ffe062 rgb(255,224,98)
```
#ffe476
```
#ffe476 rgb(255,228,118)
```
#ffe789
```
#ffe789 rgb(255,231,137)
```
#ffeb9d
```
#ffeb9d rgb(255,235,157)
```
#ffefb1
```
#ffefb1 rgb(255,239,177)
```
#fff3c4
```
#fff3c4 rgb(255,243,196)
```
#fff7d8
```
#fff7d8 rgb(255,247,216)
```
#fffbeb
```
#fffbeb rgb(255,251,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#898576
```
#898576 rgb(137,133,118)
```
#938b6c
```
#938b6c rgb(147,139,108)
```
#9d9162
```
#9d9162 rgb(157,145,98)
```
#a79758
```
#a79758 rgb(167,151,88)
```
#b19d4e
```
#b19d4e rgb(177,157,78)
```
#baa345
```
#baa345 rgb(186,163,69)
```
#c4a93b
```
#c4a93b rgb(196,169,59)
```
#ceaf31
```
#ceaf31 rgb(206,175,49)
```
#d8b427
```
#d8b427 rgb(216,180,39)
```
#e2ba1d
```
#e2ba1d rgb(226,186,29)
```
#ebc014
```
#ebc014 rgb(235,192,20)
```
#f5c60a
```
#f5c60a rgb(245,198,10)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```

Tone Color Variation

Below, you can see how #ffcc00 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

#c4c4c4 Achromatopsia 0.005% of the population
#d0c69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed40d Protanopia 1% of men
#ffcc73 Deuteranopia 1% of men
#ffc5cf Tritanopia 0.001% of the population

Trichromacy

#f4d108 Protanomaly 1% of men, 0.01% of women
#ffcc49 Deuteranomaly 6% of men, 0.4% of women
#ffc784 Tritanomaly 0.01% of the population

Tangerine yellow / #ffcc00 hex color

#ffcc00 Color Information

#ffcc00 Color Conversion

Color Schemes with #ffcc00

Alternatives to #ffcc00

#ffcc00 Preview

Shades and Tints of #ffcc00

Tones of #ffcc00

Color Blindness Simulator