#f2cc00 hex color

In a RGB color space, hex #f2cc00 is composed of 94.9% red, 80% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 100% yellow and 5.1% black. It has a hue angle of 50.6 degrees, a saturation of 100% and a lightness of 47.5%. #f2cc00 color hex could be obtained by blending #ffff00 with #e59900. Closest websafe color is: #ffcc00.

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

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

The hexadecimal color #f2cc00 has RGB values of R:242, G:204, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0.05. Its decimal value is 15911936.

Hex triplet	f2cc00	`#f2cc00`
RGB Decimal	242, 204, 0	`rgb(242,204,0)`
RGB Percent	94.9, 80, 0	`rgb(94.9%,80%,0%)`
CMYK	0, 16, 100, 5
HSL	50.6°, 100, 47.5	`hsl(50.6,100%,47.5%)`
HSV (or HSB)	50.6°, 100, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.948, -1.887, 83.758
XYZ	58.212, 62.065, 8.914
xyY	0.451, 0.48, 62.065
CIE-LCH	82.948, 83.779, 91.291
CIE-LUV	82.948, 33.811, 87.874
Hunter-Lab	78.782, -5.974, 48.439
Binary	11110010, 11001100, 00000000

#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#0026f2
```
#0026f2 rgb(0,38,242)
```

Complementary Color

#f25300
```
#f25300 rgb(242,83,0)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#9ff200
```
#9ff200 rgb(159,242,0)
```

Analogous Color

#5300f2
```
#5300f2 rgb(83,0,242)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#009ff2
```
#009ff2 rgb(0,159,242)
```

Split Complementary Color

#cc00f2
```
#cc00f2 rgb(204,0,242)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#00f2cc
```
#00f2cc rgb(0,242,204)
```

Triadic Color

#f20026
```
#f20026 rgb(242,0,38)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#00f2cc
```
#00f2cc rgb(0,242,204)
```
#0026f2
```
#0026f2 rgb(0,38,242)
```

Tetradic Color

#a68c00
```
#a68c00 rgb(166,140,0)
```
#bfa100
```
#bfa100 rgb(191,161,0)
```
#d9b700
```
#d9b700 rgb(217,183,0)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#ffd90d
```
#ffd90d rgb(255,217,13)
```
#ffdd26
```
#ffdd26 rgb(255,221,38)
```
#ffe140
```
#ffe140 rgb(255,225,64)
```

Monochromatic Color

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

#f29000
```
#f29000 rgb(242,144,0)
```
#f2a400
```
#f2a400 rgb(242,164,0)
```
#f2b800
```
#f2b800 rgb(242,184,0)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```
#f2e000
```
#f2e000 rgb(242,224,0)
```
#f0f200
```
#f0f200 rgb(240,242,0)
```
#dcf200
```
#dcf200 rgb(220,242,0)
```

Similar Colors

Text with hexadecimal color #f2cc00

This text has a font color of #f2cc00.

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

#f2cc00 background color

This paragraph has a background color of #f2cc00.

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

#f2cc00 border color

This element has a border color of #f2cc00.

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

CSS codes

.text {color:#f2cc00;}

.background {background-color:#f2cc00;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1a1600
```
#1a1600 rgb(26,22,0)
```
#2e2700
```
#2e2700 rgb(46,39,0)
```
#413700
```
#413700 rgb(65,55,0)
```
#554800
```
#554800 rgb(85,72,0)
```
#695800
```
#695800 rgb(105,88,0)
```
#7c6900
```
#7c6900 rgb(124,105,0)
```
#907900
```
#907900 rgb(144,121,0)
```
#a48a00
```
#a48a00 rgb(164,138,0)
```
#b79a00
```
#b79a00 rgb(183,154,0)
```
#cbab00
```
#cbab00 rgb(203,171,0)
```
#debb00
```
#debb00 rgb(222,187,0)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```

Shade Color Variation

#ffd807
```
#ffd807 rgb(255,216,7)
```
#ffdb1a
```
#ffdb1a rgb(255,219,26)
```
#ffde2e
```
#ffde2e rgb(255,222,46)
```
#ffe141
```
#ffe141 rgb(255,225,65)
```
#ffe455
```
#ffe455 rgb(255,228,85)
```
#ffe769
```
#ffe769 rgb(255,231,105)
```
#ffea7c
```
#ffea7c rgb(255,234,124)
```
#ffee90
```
#ffee90 rgb(255,238,144)
```
#fff1a4
```
#fff1a4 rgb(255,241,164)
```
#fff4b7
```
#fff4b7 rgb(255,244,183)
```
#fff7cb
```
#fff7cb rgb(255,247,203)
```
#fffade
```
#fffade rgb(255,250,222)
```
#fffdf2
```
#fffdf2 rgb(255,253,242)
```

Tint Color Variation

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

#827f70
```
#827f70 rgb(130,127,112)
```
#8c8666
```
#8c8666 rgb(140,134,102)
```
#958c5d
```
#958c5d rgb(149,140,93)
```
#9e9354
```
#9e9354 rgb(158,147,84)
```
#a8994a
```
#a8994a rgb(168,153,74)
```
#b19f41
```
#b19f41 rgb(177,159,65)
```
#baa638
```
#baa638 rgb(186,166,56)
```
#c3ac2f
```
#c3ac2f rgb(195,172,47)
```
#cdb225
```
#cdb225 rgb(205,178,37)
```
#d6b91c
```
#d6b91c rgb(214,185,28)
```
#dfbf13
```
#dfbf13 rgb(223,191,19)
```
#e9c609
```
#e9c609 rgb(233,198,9)
```
#f2cc00
```
#f2cc00 rgb(242,204,0)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cac29a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead109 Protanopia 1% of men
#ffc85e Deuteranopia 1% of men
#fec0ce Tritanopia 0.001% of the population

Trichromacy

#edcf06 Protanomaly 1% of men, 0.01% of women
#fac93c Deuteranomaly 6% of men, 0.4% of women
#f9c483 Tritanomaly 0.01% of the population

#f2cc00 hex color

#f2cc00 Color Information

#f2cc00 Color Conversion

Color Schemes with #f2cc00

Alternatives to #f2cc00

#f2cc00 Preview

Shades and Tints of #f2cc00

Tones of #f2cc00

Color Blindness Simulator