#fdc102 hex color

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

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

● #fdc102 color description : Vivid yellow.

The hexadecimal color #fdc102 has RGB values of R:253, G:193, B:2 and CMYK values of C:0, M:0.24, Y:0.99, K:0.01. Its decimal value is 16630018.

Hex triplet	fdc102	`#fdc102`
RGB Decimal	253, 193, 2	`rgb(253,193,2)`
RGB Percent	99.2, 75.7, 0.8	`rgb(99.2%,75.7%,0.8%)`
CMYK	0, 24, 99, 1
HSL	45.7°, 98.4, 50	`hsl(45.7,98.4%,50%)`
HSV (or HSB)	45.7°, 99.2, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.308, 8.507, 82.928
XYZ	59.59, 59.03, 8.313
xyY	0.469, 0.465, 59.03
CIE-LCH	81.308, 83.363, 84.143
CIE-LUV	81.308, 50.628, 83.902
Hunter-Lab	76.831, 3.99, 47.367
Binary	11111101, 11000001, 00000010

#fdc102
```
#fdc102 rgb(253,193,2)
```
#023efd
```
#023efd rgb(2,62,253)
```

Complementary Color

#fd4402
```
#fd4402 rgb(253,68,2)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```
#bcfd02
```
#bcfd02 rgb(188,253,2)
```

Analogous Color

#4302fd
```
#4302fd rgb(67,2,253)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```
#02bcfd
```
#02bcfd rgb(2,188,253)
```

Split Complementary Color

#c102fd
```
#c102fd rgb(193,2,253)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```
#02fdc1
```
#02fdc1 rgb(2,253,193)
```

Triadic Color

#fd023e
```
#fd023e rgb(253,2,62)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```
#02fdc1
```
#02fdc1 rgb(2,253,193)
```
#023efd
```
#023efd rgb(2,62,253)
```

Tetradic Color

#b18701
```
#b18701 rgb(177,135,1)
```
#ca9a02
```
#ca9a02 rgb(202,154,2)
```
#e4ae02
```
#e4ae02 rgb(228,174,2)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```
#fdc71b
```
#fdc71b rgb(253,199,27)
```
#fdcd35
```
#fdcd35 rgb(253,205,53)
```
#fed44e
```
#fed44e rgb(254,212,78)
```

Monochromatic Color

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

#fd8202
```
#fd8202 rgb(253,130,2)
```
#fd9702
```
#fd9702 rgb(253,151,2)
```
#fdac02
```
#fdac02 rgb(253,172,2)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```
#fdd602
```
#fdd602 rgb(253,214,2)
```
#fdeb02
```
#fdeb02 rgb(253,235,2)
```
#fafd02
```
#fafd02 rgb(250,253,2)
```

Similar Colors

Text with hexadecimal color #fdc102

This text has a font color of #fdc102.

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

#fdc102 background color

This paragraph has a background color of #fdc102.

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

#fdc102 border color

This element has a border color of #fdc102.

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

CSS codes

.text {color:#fdc102;}

.background {background-color:#fdc102;}

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

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

#130f00
```
#130f00 rgb(19,15,0)
```
#271e00
```
#271e00 rgb(39,30,0)
```
#3a2d00
```
#3a2d00 rgb(58,45,0)
```
#4e3b01
```
#4e3b01 rgb(78,59,1)
```
#614a01
```
#614a01 rgb(97,74,1)
```
#755901
```
#755901 rgb(117,89,1)
```
#886801
```
#886801 rgb(136,104,1)
```
#9c7701
```
#9c7701 rgb(156,119,1)
```
#af8601
```
#af8601 rgb(175,134,1)
```
#c39402
```
#c39402 rgb(195,148,2)
```
#d6a302
```
#d6a302 rgb(214,163,2)
```
#eab202
```
#eab202 rgb(234,178,2)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```

Shade Color Variation

#fdc615
```
#fdc615 rgb(253,198,21)
```
#fdcb29
```
#fdcb29 rgb(253,203,41)
```
#fdcf3c
```
#fdcf3c rgb(253,207,60)
```
#fed450
```
#fed450 rgb(254,212,80)
```
#fed963
```
#fed963 rgb(254,217,99)
```
#fede77
```
#fede77 rgb(254,222,119)
```
#fee28a
```
#fee28a rgb(254,226,138)
```
#fee79e
```
#fee79e rgb(254,231,158)
```
#feecb1
```
#feecb1 rgb(254,236,177)
```
#fff1c5
```
#fff1c5 rgb(255,241,197)
```
#fff5d8
```
#fff5d8 rgb(255,245,216)
```
#fffaec
```
#fffaec rgb(255,250,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 #fdc102 is the most saturated one.

#878478
```
#878478 rgb(135,132,120)
```
#91896e
```
#91896e rgb(145,137,110)
```
#9b8e64
```
#9b8e64 rgb(155,142,100)
```
#a5935a
```
#a5935a rgb(165,147,90)
```
#af9850
```
#af9850 rgb(175,152,80)
```
#b89d47
```
#b89d47 rgb(184,157,71)
```
#c2a23d
```
#c2a23d rgb(194,162,61)
```
#cca733
```
#cca733 rgb(204,167,51)
```
#d6ad29
```
#d6ad29 rgb(214,173,41)
```
#e0b21f
```
#e0b21f rgb(224,178,31)
```
#e9b716
```
#e9b716 rgb(233,183,22)
```
#f3bc0c
```
#f3bc0c rgb(243,188,12)
```
#fdc102
```
#fdc102 rgb(253,193,2)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#cabe98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cd12 Protanopia 1% of men
#ffc330 Deuteranopia 1% of men
#ffbac5 Tritanopia 0.001% of the population

Trichromacy

#eec80c Protanomaly 1% of men, 0.01% of women
#fec21f Deuteranomaly 6% of men, 0.4% of women
#febd7e Tritanomaly 0.01% of the population

#fdc102 hex color

#fdc102 Color Information

#fdc102 Color Conversion

Color Schemes with #fdc102

Alternatives to #fdc102

#fdc102 Preview

Shades and Tints of #fdc102

Tones of #fdc102

Color Blindness Simulator