#fdd704 hex color

In a RGB color space, hex #fdd704 is composed of 99.2% red, 84.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 98.4% yellow and 0.8% black. It has a hue angle of 50.8 degrees, a saturation of 98.4% and a lightness of 50.4%. #fdd704 color hex could be obtained by blending #ffff08 with #fbaf00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 84
- B 2
RGB color chart
- C 0
- M 15
- Y 98
- K 1
CMYK color chart

● #fdd704 color description : Vivid yellow.

The hexadecimal color #fdd704 has RGB values of R:253, G:215, B:4 and CMYK values of C:0, M:0.15, Y:0.98, K:0.01. Its decimal value is 16635652.

Hex triplet	fdd704	`#fdd704`
RGB Decimal	253, 215, 4	`rgb(253,215,4)`
RGB Percent	99.2, 84.3, 1.6	`rgb(99.2%,84.3%,1.6%)`
CMYK	0, 15, 98, 1
HSL	50.8°, 98.4, 50.4	`hsl(50.8,98.4%,50.4%)`
HSV (or HSB)	50.8°, 98.4, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.749, -2.747, 86.576
XYZ	64.831, 69.495, 10.114
xyY	0.449, 0.481, 69.495
CIE-LCH	86.749, 86.619, 91.817
CIE-LUV	86.749, 33.966, 91.873
Hunter-Lab	83.364, -7.068, 51.161
Binary	11111101, 11010111, 00000100

#fdd704
```
#fdd704 rgb(253,215,4)
```
#042afd
```
#042afd rgb(4,42,253)
```

Complementary Color

#fd5b04
```
#fd5b04 rgb(253,91,4)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```
#a7fd04
```
#a7fd04 rgb(167,253,4)
```

Analogous Color

#5b04fd
```
#5b04fd rgb(91,4,253)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```
#04a7fd
```
#04a7fd rgb(4,167,253)
```

Split Complementary Color

#d704fd
```
#d704fd rgb(215,4,253)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```
#04fdd7
```
#04fdd7 rgb(4,253,215)
```

Triadic Color

#fd042a
```
#fd042a rgb(253,4,42)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```
#04fdd7
```
#04fdd7 rgb(4,253,215)
```
#042afd
```
#042afd rgb(4,42,253)
```

Tetradic Color

#b39801
```
#b39801 rgb(179,152,1)
```
#ccad02
```
#ccad02 rgb(204,173,2)
```
#e6c302
```
#e6c302 rgb(230,195,2)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```
#fddb1d
```
#fddb1d rgb(253,219,29)
```
#fddf37
```
#fddf37 rgb(253,223,55)
```
#fee350
```
#fee350 rgb(254,227,80)
```

Monochromatic Color

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

#fd9904
```
#fd9904 rgb(253,153,4)
```
#fdae04
```
#fdae04 rgb(253,174,4)
```
#fdc204
```
#fdc204 rgb(253,194,4)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```
#fdec04
```
#fdec04 rgb(253,236,4)
```
#fafd04
```
#fafd04 rgb(250,253,4)
```
#e5fd04
```
#e5fd04 rgb(229,253,4)
```

Similar Colors

Text with hexadecimal color #fdd704

This text has a font color of #fdd704.

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

#fdd704 background color

This paragraph has a background color of #fdd704.

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

#fdd704 border color

This element has a border color of #fdd704.

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

CSS codes

.text {color:#fdd704;}

.background {background-color:#fdd704;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#151200
```
#151200 rgb(21,18,0)
```
#292300
```
#292300 rgb(41,35,0)
```
#3c3300
```
#3c3300 rgb(60,51,0)
```
#504401
```
#504401 rgb(80,68,1)
```
#635401
```
#635401 rgb(99,84,1)
```
#776501
```
#776501 rgb(119,101,1)
```
#8a7501
```
#8a7501 rgb(138,117,1)
```
#9e8601
```
#9e8601 rgb(158,134,1)
```
#b19601
```
#b19601 rgb(177,150,1)
```
#c5a702
```
#c5a702 rgb(197,167,2)
```
#d8b702
```
#d8b702 rgb(216,183,2)
```
#ecc802
```
#ecc802 rgb(236,200,2)
```

Shade Color Variation

#fdd704
```
#fdd704 rgb(253,215,4)
```
#fdda17
```
#fdda17 rgb(253,218,23)
```
#fddd2b
```
#fddd2b rgb(253,221,43)
```
#fde03e
```
#fde03e rgb(253,224,62)
```
#fee352
```
#fee352 rgb(254,227,82)
```
#fee765
```
#fee765 rgb(254,231,101)
```
#feea79
```
#feea79 rgb(254,234,121)
```
#feed8c
```
#feed8c rgb(254,237,140)
```
#fef0a0
```
#fef0a0 rgb(254,240,160)
```
#fef3b3
```
#fef3b3 rgb(254,243,179)
```
#fff6c7
```
#fff6c7 rgb(255,246,199)
```
#fff9da
```
#fff9da rgb(255,249,218)
```
#fffcee
```
#fffcee rgb(255,252,238)
```

Tint Color Variation

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

#888679
```
#888679 rgb(136,134,121)
```
#928d6f
```
#928d6f rgb(146,141,111)
```
#9c9365
```
#9c9365 rgb(156,147,101)
```
#a59a5c
```
#a59a5c rgb(165,154,92)
```
#afa152
```
#afa152 rgb(175,161,82)
```
#b9a848
```
#b9a848 rgb(185,168,72)
```
#c3ae3e
```
#c3ae3e rgb(195,174,62)
```
#ccb535
```
#ccb535 rgb(204,181,53)
```
#d6bc2b
```
#d6bc2b rgb(214,188,43)
```
#e0c321
```
#e0c321 rgb(224,195,33)
```
#eac917
```
#eac917 rgb(234,201,23)
```
#f3d00e
```
#f3d00e rgb(243,208,14)
```
#fdd704
```
#fdd704 rgb(253,215,4)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d4cda2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db11 Protanopia 1% of men
#ffd493 Deuteranopia 1% of men
#ffced9 Tritanopia 0.001% of the population

Trichromacy

#f8d90c Protanomaly 1% of men, 0.01% of women
#fed55f Deuteranomaly 6% of men, 0.4% of women
#fed18b Tritanomaly 0.01% of the population

#fdd704 hex color

#fdd704 Color Information

#fdd704 Color Conversion

Color Schemes with #fdd704

Alternatives to #fdd704

#fdd704 Preview

Shades and Tints of #fdd704

Tones of #fdd704

Color Blindness Simulator