#fddc1f hex color

In a RGB color space, hex #fddc1f is composed of 99.2% red, 86.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 51.1 degrees, a saturation of 98.2% and a lightness of 55.7%. #fddc1f color hex could be obtained by blending #ffff3e with #fbb900. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 86
- B 12
RGB color chart
- C 0
- M 13
- Y 88
- K 1
CMYK color chart

● #fddc1f color description : Vivid yellow.

The hexadecimal color #fddc1f has RGB values of R:253, G:220, B:31 and CMYK values of C:0, M:0.13, Y:0.88, K:0.01. Its decimal value is 16636959.

Hex triplet	fddc1f	`#fddc1f`
RGB Decimal	253, 220, 31	`rgb(253,220,31)`
RGB Percent	99.2, 86.3, 12.2	`rgb(99.2%,86.3%,12.2%)`
CMYK	0, 13, 88, 1
HSL	51.1°, 98.2, 55.7	`hsl(51.1,98.2%,55.7%)`
HSV (or HSB)	51.1°, 87.7, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.051, -4.95, 84.228
XYZ	66.349, 72.17, 11.732
xyY	0.442, 0.48, 72.17
CIE-LCH	88.051, 84.373, 93.364
CIE-LUV	88.051, 30.098, 91.813
Hunter-Lab	84.953, -9.258, 51.279
Binary	11111101, 11011100, 00011111

#fddc1f
```
#fddc1f rgb(253,220,31)
```
#1f40fd
```
#1f40fd rgb(31,64,253)
```

Complementary Color

#fd6d1f
```
#fd6d1f rgb(253,109,31)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#affd1f
```
#affd1f rgb(175,253,31)
```

Analogous Color

#6d1ffd
```
#6d1ffd rgb(109,31,253)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#1faffd
```
#1faffd rgb(31,175,253)
```

Split Complementary Color

#dc1ffd
```
#dc1ffd rgb(220,31,253)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#1ffddc
```
#1ffddc rgb(31,253,220)
```

Triadic Color

#fd1f40
```
#fd1f40 rgb(253,31,64)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#1ffddc
```
#1ffddc rgb(31,253,220)
```
#1f40fd
```
#1f40fd rgb(31,64,253)
```

Tetradic Color

#ceaf02
```
#ceaf02 rgb(206,175,2)
```
#e7c502
```
#e7c502 rgb(231,197,2)
```
#fdd806
```
#fdd806 rgb(253,216,6)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#fde038
```
#fde038 rgb(253,224,56)
```
#fde452
```
#fde452 rgb(253,228,82)
```
#fee86b
```
#fee86b rgb(254,232,107)
```

Monochromatic Color

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

#fda51f
```
#fda51f rgb(253,165,31)
```
#fdb71f
```
#fdb71f rgb(253,183,31)
```
#fdca1f
```
#fdca1f rgb(253,202,31)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#fdef1f
```
#fdef1f rgb(253,239,31)
```
#f9fd1f
```
#f9fd1f rgb(249,253,31)
```
#e7fd1f
```
#e7fd1f rgb(231,253,31)
```

Similar Colors

Text with hexadecimal color #fddc1f

This text has a font color of #fddc1f.

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

#fddc1f background color

This paragraph has a background color of #fddc1f.

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

#fddc1f border color

This element has a border color of #fddc1f.

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

CSS codes

.text {color:#fddc1f;}

.background {background-color:#fddc1f;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1d1900
```
#1d1900 rgb(29,25,0)
```
#302900
```
#302900 rgb(48,41,0)
```
#443a01
```
#443a01 rgb(68,58,1)
```
#574a01
```
#574a01 rgb(87,74,1)
```
#6b5b01
```
#6b5b01 rgb(107,91,1)
```
#7e6b01
```
#7e6b01 rgb(126,107,1)
```
#917c01
```
#917c01 rgb(145,124,1)
```
#a58d01
```
#a58d01 rgb(165,141,1)
```
#b89d02
```
#b89d02 rgb(184,157,2)
```
#ccae02
```
#ccae02 rgb(204,174,2)
```
#dfbe02
```
#dfbe02 rgb(223,190,2)
```
#f3cf02
```
#f3cf02 rgb(243,207,2)
```

Shade Color Variation

#fdd90c
```
#fdd90c rgb(253,217,12)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```
#fddf32
```
#fddf32 rgb(253,223,50)
```
#fde246
```
#fde246 rgb(253,226,70)
```
#fee559
```
#fee559 rgb(254,229,89)
```
#fee86d
```
#fee86d rgb(254,232,109)
```
#feeb80
```
#feeb80 rgb(254,235,128)
```
#feee94
```
#feee94 rgb(254,238,148)
```
#fef1a7
```
#fef1a7 rgb(254,241,167)
```
#fef4bb
```
#fef4bb rgb(254,244,187)
```
#fff7ce
```
#fff7ce rgb(255,247,206)
```
#fffae1
```
#fffae1 rgb(255,250,225)
```
#fffdf5
```
#fffdf5 rgb(255,253,245)
```

Tint Color Variation

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

#959387
```
#959387 rgb(149,147,135)
```
#9d997f
```
#9d997f rgb(157,153,127)
```
#a69f76
```
#a69f76 rgb(166,159,118)
```
#afa56d
```
#afa56d rgb(175,165,109)
```
#b7ab65
```
#b7ab65 rgb(183,171,101)
```
#c0b15c
```
#c0b15c rgb(192,177,92)
```
#c9b753
```
#c9b753 rgb(201,183,83)
```
#d2bd4a
```
#d2bd4a rgb(210,189,74)
```
#dac442
```
#dac442 rgb(218,196,66)
```
#e3ca39
```
#e3ca39 rgb(227,202,57)
```
#ecd030
```
#ecd030 rgb(236,208,48)
```
#f4d628
```
#f4d628 rgb(244,214,40)
```
#fddc1f
```
#fddc1f rgb(253,220,31)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9d2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df2b Protanopia 1% of men
#ffd8a1 Deuteranopia 1% of men
#ffd3dd Tritanopia 0.001% of the population

Trichromacy

#fadd26 Protanomaly 1% of men, 0.01% of women
#fed972 Deuteranomaly 6% of men, 0.4% of women
#fed698 Tritanomaly 0.01% of the population

#fddc1f hex color

#fddc1f Color Information

#fddc1f Color Conversion

Color Schemes with #fddc1f

Alternatives to #fddc1f

#fddc1f Preview

Shades and Tints of #fddc1f

Tones of #fddc1f

Color Blindness Simulator