#fddd04 hex color

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

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

● #fddd04 color description : Vivid yellow.

The hexadecimal color #fddd04 has RGB values of R:253, G:221, B:4 and CMYK values of C:0, M:0.13, Y:0.98, K:0.01. Its decimal value is 16637188.

Hex triplet	fddd04	`#fddd04`
RGB Decimal	253, 221, 4	`rgb(253,221,4)`
RGB Percent	99.2, 86.7, 1.6	`rgb(99.2%,86.7%,1.6%)`
CMYK	0, 13, 98, 1
HSL	52.3°, 98.4, 50.4	`hsl(52.3,98.4%,50.4%)`
HSV (or HSB)	52.3°, 98.4, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	88.26, -5.768, 87.659
XYZ	66.387, 72.607, 10.633
xyY	0.444, 0.485, 72.607
CIE-LCH	88.26, 87.848, 93.765
CIE-LUV	88.26, 29.604, 94.084
Hunter-Lab	85.21, -10.047, 52.248
Binary	11111101, 11011101, 00000100

#fddd04
```
#fddd04 rgb(253,221,4)
```
#0424fd
```
#0424fd rgb(4,36,253)
```

Complementary Color

#fd6004
```
#fd6004 rgb(253,96,4)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```
#a1fd04
```
#a1fd04 rgb(161,253,4)
```

Analogous Color

#6004fd
```
#6004fd rgb(96,4,253)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```
#04a1fd
```
#04a1fd rgb(4,161,253)
```

Split Complementary Color

#dd04fd
```
#dd04fd rgb(221,4,253)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```
#04fddd
```
#04fddd rgb(4,253,221)
```

Triadic Color

#fd0424
```
#fd0424 rgb(253,4,36)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```
#04fddd
```
#04fddd rgb(4,253,221)
```
#0424fd
```
#0424fd rgb(4,36,253)
```

Tetradic Color

#b39c01
```
#b39c01 rgb(179,156,1)
```
#ccb202
```
#ccb202 rgb(204,178,2)
```
#e6c802
```
#e6c802 rgb(230,200,2)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```
#fde01d
```
#fde01d rgb(253,224,29)
```
#fde437
```
#fde437 rgb(253,228,55)
```
#fee750
```
#fee750 rgb(254,231,80)
```

Monochromatic Color

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

#fd9f04
```
#fd9f04 rgb(253,159,4)
```
#fdb404
```
#fdb404 rgb(253,180,4)
```
#fdc804
```
#fdc804 rgb(253,200,4)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```
#fdf204
```
#fdf204 rgb(253,242,4)
```
#f4fd04
```
#f4fd04 rgb(244,253,4)
```
#dffd04
```
#dffd04 rgb(223,253,4)
```

Similar Colors

Text with hexadecimal color #fddd04

This text has a font color of #fddd04.

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

#fddd04 background color

This paragraph has a background color of #fddd04.

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

#fddd04 border color

This element has a border color of #fddd04.

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

CSS codes

.text {color:#fddd04;}

.background {background-color:#fddd04;}

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

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 #fffdee is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#151300
```
#151300 rgb(21,19,0)
```
#292400
```
#292400 rgb(41,36,0)
```
#3c3500
```
#3c3500 rgb(60,53,0)
```
#504601
```
#504601 rgb(80,70,1)
```
#635701
```
#635701 rgb(99,87,1)
```
#776801
```
#776801 rgb(119,104,1)
```
#8a7901
```
#8a7901 rgb(138,121,1)
```
#9e8a01
```
#9e8a01 rgb(158,138,1)
```
#b19b01
```
#b19b01 rgb(177,155,1)
```
#c5ac02
```
#c5ac02 rgb(197,172,2)
```
#d8bd02
```
#d8bd02 rgb(216,189,2)
```
#eccd02
```
#eccd02 rgb(236,205,2)
```

Shade Color Variation

#fddd04
```
#fddd04 rgb(253,221,4)
```
#fde017
```
#fde017 rgb(253,224,23)
```
#fde22b
```
#fde22b rgb(253,226,43)
```
#fde53e
```
#fde53e rgb(253,229,62)
```
#fee852
```
#fee852 rgb(254,232,82)
```
#feea65
```
#feea65 rgb(254,234,101)
```
#feed79
```
#feed79 rgb(254,237,121)
```
#feef8c
```
#feef8c rgb(254,239,140)
```
#fef2a0
```
#fef2a0 rgb(254,242,160)
```
#fef5b3
```
#fef5b3 rgb(254,245,179)
```
#fff7c7
```
#fff7c7 rgb(255,247,199)
```
#fffada
```
#fffada rgb(255,250,218)
```
#fffdee
```
#fffdee rgb(255,253,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 #fddd04 is the most saturated one.

#888679
```
#888679 rgb(136,134,121)
```
#928d6f
```
#928d6f rgb(146,141,111)
```
#9c9565
```
#9c9565 rgb(156,149,101)
```
#a59c5c
```
#a59c5c rgb(165,156,92)
```
#afa352
```
#afa352 rgb(175,163,82)
```
#b9aa48
```
#b9aa48 rgb(185,170,72)
```
#c3b23e
```
#c3b23e rgb(195,178,62)
```
#ccb935
```
#ccb935 rgb(204,185,53)
```
#d6c02b
```
#d6c02b rgb(214,192,43)
```
#e0c721
```
#e0c721 rgb(224,199,33)
```
#eacf17
```
#eacf17 rgb(234,207,23)
```
#f3d60e
```
#f3d60e rgb(243,214,14)
```
#fddd04
```
#fddd04 rgb(253,221,4)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d7d1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fadf10 Protanopia 1% of men
#ffd9a3 Deuteranopia 1% of men
#ffd4de Tritanopia 0.001% of the population

Trichromacy

#fbde0b Protanomaly 1% of men, 0.01% of women
#feda69 Deuteranomaly 6% of men, 0.4% of women
#fed78f Tritanomaly 0.01% of the population

#fddd04 hex color

#fddd04 Color Information

#fddd04 Color Conversion

Color Schemes with #fddd04

Alternatives to #fddd04

#fddd04 Preview

Shades and Tints of #fddd04

Tones of #fddd04

Color Blindness Simulator