#fdda1f hex color

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

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

● #fdda1f color description : Vivid yellow.

The hexadecimal color #fdda1f has RGB values of R:253, G:218, B:31 and CMYK values of C:0, M:0.14, Y:0.88, K:0.01. Its decimal value is 16636447.

Hex triplet	fdda1f	`#fdda1f`
RGB Decimal	253, 218, 31	`rgb(253,218,31)`
RGB Percent	99.2, 85.5, 12.2	`rgb(99.2%,85.5%,12.2%)`
CMYK	0, 14, 88, 1
HSL	50.5°, 98.2, 55.7	`hsl(50.5,98.2%,55.7%)`
HSV (or HSB)	50.5°, 87.7, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	87.547, -3.944, 83.832
XYZ	65.828, 71.127, 11.558
xyY	0.443, 0.479, 71.127
CIE-LCH	87.547, 83.924, 92.694
CIE-LUV	87.547, 31.539, 91.06
Hunter-Lab	84.337, -8.264, 50.91
Binary	11111101, 11011010, 00011111

#fdda1f
```
#fdda1f rgb(253,218,31)
```
#1f42fd
```
#1f42fd rgb(31,66,253)
```

Complementary Color

#fd6b1f
```
#fd6b1f rgb(253,107,31)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#b1fd1f
```
#b1fd1f rgb(177,253,31)
```

Analogous Color

#6b1ffd
```
#6b1ffd rgb(107,31,253)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#1fb1fd
```
#1fb1fd rgb(31,177,253)
```

Split Complementary Color

#da1ffd
```
#da1ffd rgb(218,31,253)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#1ffdda
```
#1ffdda rgb(31,253,218)
```

Triadic Color

#fd1f42
```
#fd1f42 rgb(253,31,66)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#1ffdda
```
#1ffdda rgb(31,253,218)
```
#1f42fd
```
#1f42fd rgb(31,66,253)
```

Tetradic Color

#ceae02
```
#ceae02 rgb(206,174,2)
```
#e7c302
```
#e7c302 rgb(231,195,2)
```
#fdd606
```
#fdd606 rgb(253,214,6)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#fdde38
```
#fdde38 rgb(253,222,56)
```
#fde252
```
#fde252 rgb(253,226,82)
```
#fee76b
```
#fee76b rgb(254,231,107)
```

Monochromatic Color

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

#fda31f
```
#fda31f rgb(253,163,31)
```
#fdb51f
```
#fdb51f rgb(253,181,31)
```
#fdc81f
```
#fdc81f rgb(253,200,31)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#fded1f
```
#fded1f rgb(253,237,31)
```
#fbfd1f
```
#fbfd1f rgb(251,253,31)
```
#e9fd1f
```
#e9fd1f rgb(233,253,31)
```

Similar Colors

Text with hexadecimal color #fdda1f

This text has a font color of #fdda1f.

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

#fdda1f background color

This paragraph has a background color of #fdda1f.

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

#fdda1f border color

This element has a border color of #fdda1f.

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

CSS codes

.text {color:#fdda1f;}

.background {background-color:#fdda1f;}

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

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)
```
#1d1800
```
#1d1800 rgb(29,24,0)
```
#302900
```
#302900 rgb(48,41,0)
```
#443901
```
#443901 rgb(68,57,1)
```
#574901
```
#574901 rgb(87,73,1)
```
#6b5a01
```
#6b5a01 rgb(107,90,1)
```
#7e6a01
```
#7e6a01 rgb(126,106,1)
```
#917b01
```
#917b01 rgb(145,123,1)
```
#a58b01
```
#a58b01 rgb(165,139,1)
```
#b89b02
```
#b89b02 rgb(184,155,2)
```
#ccac02
```
#ccac02 rgb(204,172,2)
```
#dfbc02
```
#dfbc02 rgb(223,188,2)
```
#f3cd02
```
#f3cd02 rgb(243,205,2)
```

Shade Color Variation

#fdd70c
```
#fdd70c rgb(253,215,12)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```
#fddd32
```
#fddd32 rgb(253,221,50)
```
#fde046
```
#fde046 rgb(253,224,70)
```
#fee459
```
#fee459 rgb(254,228,89)
```
#fee76d
```
#fee76d rgb(254,231,109)
```
#feea80
```
#feea80 rgb(254,234,128)
```
#feed94
```
#feed94 rgb(254,237,148)
```
#fef0a7
```
#fef0a7 rgb(254,240,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 #fdda1f is the most saturated one.

#959387
```
#959387 rgb(149,147,135)
```
#9d997f
```
#9d997f rgb(157,153,127)
```
#a69e76
```
#a69e76 rgb(166,158,118)
```
#afa46d
```
#afa46d rgb(175,164,109)
```
#b7aa65
```
#b7aa65 rgb(183,170,101)
```
#c0b05c
```
#c0b05c rgb(192,176,92)
```
#c9b653
```
#c9b653 rgb(201,182,83)
```
#d2bc4a
```
#d2bc4a rgb(210,188,74)
```
#dac242
```
#dac242 rgb(218,194,66)
```
#e3c839
```
#e3c839 rgb(227,200,57)
```
#ecce30
```
#ecce30 rgb(236,206,48)
```
#f4d428
```
#f4d428 rgb(244,212,40)
```
#fdda1f
```
#fdda1f rgb(253,218,31)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d8d1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd2b Protanopia 1% of men
#ffd79c Deuteranopia 1% of men
#ffd1dc Tritanopia 0.001% of the population

Trichromacy

#f9dc26 Protanomaly 1% of men, 0.01% of women
#fed86f Deuteranomaly 6% of men, 0.4% of women
#fed497 Tritanomaly 0.01% of the population

#fdda1f hex color

#fdda1f Color Information

#fdda1f Color Conversion

Color Schemes with #fdda1f

Alternatives to #fdda1f

#fdda1f Preview

Shades and Tints of #fdda1f

Tones of #fdda1f

Color Blindness Simulator