#fdcc02 hex color

In a RGB color space, hex #fdcc02 is composed of 99.2% red, 80% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 99.2% yellow and 0.8% black. It has a hue angle of 48.3 degrees, a saturation of 98.4% and a lightness of 50%. #fdcc02 color hex could be obtained by blending #ffff04 with #fb9900. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 80
- B 1
RGB color chart
- C 0
- M 19
- Y 99
- K 1
CMYK color chart

● #fdcc02 color description : Vivid yellow.

The hexadecimal color #fdcc02 has RGB values of R:253, G:204, B:2 and CMYK values of C:0, M:0.19, Y:0.99, K:0.01. Its decimal value is 16632834.

Hex triplet	fdcc02	`#fdcc02`
RGB Decimal	253, 204, 2	`rgb(253,204,2)`
RGB Percent	99.2, 80, 0.8	`rgb(99.2%,80%,0.8%)`
CMYK	0, 19, 99, 1
HSL	48.3°, 98.4, 50	`hsl(48.3,98.4%,50%)`
HSV (or HSB)	48.3°, 99.2, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	84.005, 2.838, 84.808
XYZ	62.113, 64.076, 9.154
xyY	0.459, 0.473, 64.076
CIE-LCH	84.005, 84.855, 88.083
CIE-LUV	84.005, 42.177, 87.926
Hunter-Lab	80.047, -1.575, 49.253
Binary	11111101, 11001100, 00000010

#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#0233fd
```
#0233fd rgb(2,51,253)
```

Complementary Color

#fd4f02
```
#fd4f02 rgb(253,79,2)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#b1fd02
```
#b1fd02 rgb(177,253,2)
```

Analogous Color

#4f02fd
```
#4f02fd rgb(79,2,253)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#02b1fd
```
#02b1fd rgb(2,177,253)
```

Split Complementary Color

#cc02fd
```
#cc02fd rgb(204,2,253)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#02fdcc
```
#02fdcc rgb(2,253,204)
```

Triadic Color

#fd0233
```
#fd0233 rgb(253,2,51)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#02fdcc
```
#02fdcc rgb(2,253,204)
```
#0233fd
```
#0233fd rgb(2,51,253)
```

Tetradic Color

#b18f01
```
#b18f01 rgb(177,143,1)
```
#caa302
```
#caa302 rgb(202,163,2)
```
#e4b802
```
#e4b802 rgb(228,184,2)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#fdd11b
```
#fdd11b rgb(253,209,27)
```
#fdd635
```
#fdd635 rgb(253,214,53)
```
#fedb4e
```
#fedb4e rgb(254,219,78)
```

Monochromatic Color

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

#fd8d02
```
#fd8d02 rgb(253,141,2)
```
#fda202
```
#fda202 rgb(253,162,2)
```
#fdb702
```
#fdb702 rgb(253,183,2)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```
#fde102
```
#fde102 rgb(253,225,2)
```
#fdf602
```
#fdf602 rgb(253,246,2)
```
#effd02
```
#effd02 rgb(239,253,2)
```

Similar Colors

Text with hexadecimal color #fdcc02

This text has a font color of #fdcc02.

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

#fdcc02 background color

This paragraph has a background color of #fdcc02.

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

#fdcc02 border color

This element has a border color of #fdcc02.

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

CSS codes

.text {color:#fdcc02;}

.background {background-color:#fdcc02;}

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

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

#131000
```
#131000 rgb(19,16,0)
```
#271f00
```
#271f00 rgb(39,31,0)
```
#3a2f00
```
#3a2f00 rgb(58,47,0)
```
#4e3f01
```
#4e3f01 rgb(78,63,1)
```
#614e01
```
#614e01 rgb(97,78,1)
```
#755e01
```
#755e01 rgb(117,94,1)
```
#886e01
```
#886e01 rgb(136,110,1)
```
#9c7e01
```
#9c7e01 rgb(156,126,1)
```
#af8d01
```
#af8d01 rgb(175,141,1)
```
#c39d02
```
#c39d02 rgb(195,157,2)
```
#d6ad02
```
#d6ad02 rgb(214,173,2)
```
#eabc02
```
#eabc02 rgb(234,188,2)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```

Shade Color Variation

#fdd015
```
#fdd015 rgb(253,208,21)
```
#fdd429
```
#fdd429 rgb(253,212,41)
```
#fdd83c
```
#fdd83c rgb(253,216,60)
```
#fedc50
```
#fedc50 rgb(254,220,80)
```
#fee063
```
#fee063 rgb(254,224,99)
```
#fee477
```
#fee477 rgb(254,228,119)
```
#fee78a
```
#fee78a rgb(254,231,138)
```
#feeb9e
```
#feeb9e rgb(254,235,158)
```
#feefb1
```
#feefb1 rgb(254,239,177)
```
#fff3c5
```
#fff3c5 rgb(255,243,197)
```
#fff7d8
```
#fff7d8 rgb(255,247,216)
```
#fffbec
```
#fffbec rgb(255,251,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#878478
```
#878478 rgb(135,132,120)
```
#918a6e
```
#918a6e rgb(145,138,110)
```
#9b9064
```
#9b9064 rgb(155,144,100)
```
#a5965a
```
#a5965a rgb(165,150,90)
```
#af9c50
```
#af9c50 rgb(175,156,80)
```
#b8a247
```
#b8a247 rgb(184,162,71)
```
#c2a83d
```
#c2a83d rgb(194,168,61)
```
#ccae33
```
#ccae33 rgb(204,174,51)
```
#d6b429
```
#d6b429 rgb(214,180,41)
```
#e0ba1f
```
#e0ba1f rgb(224,186,31)
```
#e9c016
```
#e9c016 rgb(233,192,22)
```
#f3c60c
```
#f3c60c rgb(243,198,12)
```
#fdcc02
```
#fdcc02 rgb(253,204,2)
```

Tone Color Variation

Below, you can see how #fdcc02 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
#cfc69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd410 Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#f3d10b Protanomaly 1% of men, 0.01% of women
#fecb48 Deuteranomaly 6% of men, 0.4% of women
#fec784 Tritanomaly 0.01% of the population

#fdcc02 hex color

#fdcc02 Color Information

#fdcc02 Color Conversion

Color Schemes with #fdcc02

Alternatives to #fdcc02

#fdcc02 Preview

Shades and Tints of #fdcc02

Tones of #fdcc02

Color Blindness Simulator