#fdd16f hex color

In a RGB color space, hex #fdd16f is composed of 99.2% red, 82% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 56.1% yellow and 0.8% black. It has a hue angle of 41.4 degrees, a saturation of 97.3% and a lightness of 71.4%. #fdd16f color hex could be obtained by blending #ffffde with #fba300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 82
- B 44
RGB color chart
- C 0
- M 17
- Y 56
- K 1
CMYK color chart

● #fdd16f color description : Soft orange.

The hexadecimal color #fdd16f has RGB values of R:253, G:209, B:111 and CMYK values of C:0, M:0.17, Y:0.56, K:0.01. Its decimal value is 16634223.

Hex triplet	fdd16f	`#fdd16f`
RGB Decimal	253, 209, 111	`rgb(253,209,111)`
RGB Percent	99.2, 82, 43.5	`rgb(99.2%,82%,43.5%)`
CMYK	0, 17, 56, 1
HSL	41.4°, 97.3, 71.4	`hsl(41.4,97.3%,71.4%)`
HSV (or HSB)	41.4°, 56.1, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.823, 4.269, 53.734
XYZ	66.178, 67.634, 24.607
xyY	0.418, 0.427, 67.634
CIE-LCH	85.823, 53.903, 85.457
CIE-LUV	85.823, 35.085, 65.721
Hunter-Lab	82.24, -0.281, 39.828
Binary	11111101, 11010001, 01101111

#fdd16f
```
#fdd16f rgb(253,209,111)
```
#6f9bfd
```
#6f9bfd rgb(111,155,253)
```

Complementary Color

#fd8a6f
```
#fd8a6f rgb(253,138,111)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#e2fd6f
```
#e2fd6f rgb(226,253,111)
```

Analogous Color

#8a6ffd
```
#8a6ffd rgb(138,111,253)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#6fe2fd
```
#6fe2fd rgb(111,226,253)
```

Split Complementary Color

#d16ffd
```
#d16ffd rgb(209,111,253)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#6ffdd1
```
#6ffdd1 rgb(111,253,209)
```

Triadic Color

#fd6f9b
```
#fd6f9b rgb(253,111,155)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#6ffdd1
```
#6ffdd1 rgb(111,253,209)
```
#6f9bfd
```
#6f9bfd rgb(111,155,253)
```

Tetradic Color

#fcb924
```
#fcb924 rgb(252,185,36)
```
#fcc13d
```
#fcc13d rgb(252,193,61)
```
#fdc956
```
#fdc956 rgb(253,201,86)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#fdd988
```
#fdd988 rgb(253,217,136)
```
#fee1a1
```
#fee1a1 rgb(254,225,161)
```
#fee9ba
```
#fee9ba rgb(254,233,186)
```

Monochromatic Color

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

#fdae6f
```
#fdae6f rgb(253,174,111)
```
#fdb96f
```
#fdb96f rgb(253,185,111)
```
#fdc56f
```
#fdc56f rgb(253,197,111)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#fddd6f
```
#fddd6f rgb(253,221,111)
```
#fde96f
```
#fde96f rgb(253,233,111)
```
#fdf56f
```
#fdf56f rgb(253,245,111)
```

Similar Colors

Text with hexadecimal color #fdd16f

This text has a font color of #fdd16f.

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

#fdd16f background color

This paragraph has a background color of #fdd16f.

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

#fdd16f border color

This element has a border color of #fdd16f.

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

CSS codes

.text {color:#fdd16f;}

.background {background-color:#fdd16f;}

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

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, #0b0700 is the darkest color, while #fffcf6 is the lightest one.

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1e1500
```
#1e1500 rgb(30,21,0)
```
#312201
```
#312201 rgb(49,34,1)
```
#453001
```
#453001 rgb(69,48,1)
```
#583d01
```
#583d01 rgb(88,61,1)
```
#6c4b01
```
#6c4b01 rgb(108,75,1)
```
#7f5802
```
#7f5802 rgb(127,88,2)
```
#926602
```
#926602 rgb(146,102,2)
```
#a67302
```
#a67302 rgb(166,115,2)
```
#b98003
```
#b98003 rgb(185,128,3)
```
#cc8e03
```
#cc8e03 rgb(204,142,3)
```
#e09b03
```
#e09b03 rgb(224,155,3)
```
#f3a903
```
#f3a903 rgb(243,169,3)
```

Shade Color Variation

#fcb20e
```
#fcb20e rgb(252,178,14)
```
#fcb822
```
#fcb822 rgb(252,184,34)
```
#fcbe35
```
#fcbe35 rgb(252,190,53)
```
#fcc548
```
#fcc548 rgb(252,197,72)
```
#fdcb5c
```
#fdcb5c rgb(253,203,92)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```
#fdd782
```
#fdd782 rgb(253,215,130)
```
#fedd96
```
#fedd96 rgb(254,221,150)
```
#fee4a9
```
#fee4a9 rgb(254,228,169)
```
#feeabc
```
#feeabc rgb(254,234,188)
```
#fef0d0
```
#fef0d0 rgb(254,240,208)
```
#fff6e3
```
#fff6e3 rgb(255,246,227)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#bab7b2
```
#bab7b2 rgb(186,183,178)
```
#bfbaad
```
#bfbaad rgb(191,186,173)
```
#c5bca7
```
#c5bca7 rgb(197,188,167)
```
#cabea2
```
#cabea2 rgb(202,190,162)
```
#d0c09c
```
#d0c09c rgb(208,192,156)
```
#d6c296
```
#d6c296 rgb(214,194,150)
```
#dbc491
```
#dbc491 rgb(219,196,145)
```
#e1c68b
```
#e1c68b rgb(225,198,139)
```
#e7c885
```
#e7c885 rgb(231,200,133)
```
#eccb80
```
#eccb80 rgb(236,203,128)
```
#f2cd7a
```
#f2cd7a rgb(242,205,122)
```
#f7cf75
```
#f7cf75 rgb(247,207,117)
```
#fdd16f
```
#fdd16f rgb(253,209,111)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbd3bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd878 Protanopia 1% of men
#ffd192 Deuteranopia 1% of men
#ffcbd6 Tritanopia 0.001% of the population

Trichromacy

#f3d574 Protanomaly 1% of men, 0.01% of women
#fed185 Deuteranomaly 6% of men, 0.4% of women
#fecdb1 Tritanomaly 0.01% of the population

#fdd16f hex color

#fdd16f Color Information

#fdd16f Color Conversion

Color Schemes with #fdd16f

Alternatives to #fdd16f

#fdd16f Preview

Shades and Tints of #fdd16f

Tones of #fdd16f

Color Blindness Simulator