#fdd986 hex color

In a RGB color space, hex #fdd986 is composed of 99.2% red, 85.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 47% yellow and 0.8% black. It has a hue angle of 41.8 degrees, a saturation of 96.7% and a lightness of 75.9%. #fdd986 color hex could be obtained by blending #ffffff with #fbb30d. Closest websafe color is: #ffcc99.

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

● #fdd986 color description : Soft orange.

The hexadecimal color #fdd986 has RGB values of R:253, G:217, B:134 and CMYK values of C:0, M:0.14, Y:0.47, K:0.01. Its decimal value is 16636294.

Hex triplet	fdd986	`#fdd986`
RGB Decimal	253, 217, 134	`rgb(253,217,134)`
RGB Percent	99.2, 85.1, 52.5	`rgb(99.2%,85.1%,52.5%)`
CMYK	0, 14, 47, 1
HSL	41.8°, 96.7, 75.9	`hsl(41.8,96.7%,75.9%)`
HSV (or HSB)	41.8°, 47, 99.2
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	88.08, 2.103, 45.34
XYZ	69.624, 72.232, 32.828
xyY	0.399, 0.414, 72.232
CIE-LCH	88.08, 45.388, 87.345
CIE-LUV	88.08, 28.254, 58.482
Hunter-Lab	84.989, -2.503, 36.591
Binary	11111101, 11011001, 10000110

#fdd986
```
#fdd986 rgb(253,217,134)
```
#86aafd
```
#86aafd rgb(134,170,253)
```

Complementary Color

#fd9e86
```
#fd9e86 rgb(253,158,134)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#e6fd86
```
#e6fd86 rgb(230,253,134)
```

Analogous Color

#9e86fd
```
#9e86fd rgb(158,134,253)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#86e6fd
```
#86e6fd rgb(134,230,253)
```

Split Complementary Color

#d986fd
```
#d986fd rgb(217,134,253)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#86fdd9
```
#86fdd9 rgb(134,253,217)
```

Triadic Color

#fd86aa
```
#fd86aa rgb(253,134,170)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#86fdd9
```
#86fdd9 rgb(134,253,217)
```
#86aafd
```
#86aafd rgb(134,170,253)
```

Tetradic Color

#fcc13b
```
#fcc13b rgb(252,193,59)
```
#fcc954
```
#fcc954 rgb(252,201,84)
```
#fdd16d
```
#fdd16d rgb(253,209,109)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#fde19f
```
#fde19f rgb(253,225,159)
```
#fee9b8
```
#fee9b8 rgb(254,233,184)
```
#fef1d1
```
#fef1d1 rgb(254,241,209)
```

Monochromatic Color

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

#fdbb86
```
#fdbb86 rgb(253,187,134)
```
#fdc586
```
#fdc586 rgb(253,197,134)
```
#fdcf86
```
#fdcf86 rgb(253,207,134)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#fde386
```
#fde386 rgb(253,227,134)
```
#fded86
```
#fded86 rgb(253,237,134)
```
#fdf786
```
#fdf786 rgb(253,247,134)
```

Similar Colors

Text with hexadecimal color #fdd986

This text has a font color of #fdd986.

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

#fdd986 background color

This paragraph has a background color of #fdd986.

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

#fdd986 border color

This element has a border color of #fdd986.

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

CSS codes

.text {color:#fdd986;}

.background {background-color:#fdd986;}

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

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

#0e0a00
```
#0e0a00 rgb(14,10,0)
```
#211701
```
#211701 rgb(33,23,1)
```
#352501
```
#352501 rgb(53,37,1)
```
#483301
```
#483301 rgb(72,51,1)
```
#5b4002
```
#5b4002 rgb(91,64,2)
```
#6f4e02
```
#6f4e02 rgb(111,78,2)
```
#825b02
```
#825b02 rgb(130,91,2)
```
#956902
```
#956902 rgb(149,105,2)
```
#a87603
```
#a87603 rgb(168,118,3)
```
#bc8403
```
#bc8403 rgb(188,132,3)
```
#cf9103
```
#cf9103 rgb(207,145,3)
```
#e29f04
```
#e29f04 rgb(226,159,4)
```
#f6ad04
```
#f6ad04 rgb(246,173,4)
```

Shade Color Variation

#fbb512
```
#fbb512 rgb(251,181,18)
```
#fbbb26
```
#fbbb26 rgb(251,187,38)
```
#fcc139
```
#fcc139 rgb(252,193,57)
```
#fcc74c
```
#fcc74c rgb(252,199,76)
```
#fccd5f
```
#fccd5f rgb(252,205,95)
```
#fdd373
```
#fdd373 rgb(253,211,115)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```
#fddf99
```
#fddf99 rgb(253,223,153)
```
#fee5ad
```
#fee5ad rgb(254,229,173)
```
#feebc0
```
#feebc0 rgb(254,235,192)
```
#fef1d3
```
#fef1d3 rgb(254,241,211)
```
#fff7e6
```
#fff7e6 rgb(255,247,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#c4c3bf
```
#c4c3bf rgb(196,195,191)
```
#c9c4ba
```
#c9c4ba rgb(201,196,186)
```
#cec6b5
```
#cec6b5 rgb(206,198,181)
```
#d2c8b1
```
#d2c8b1 rgb(210,200,177)
```
#d7caac
```
#d7caac rgb(215,202,172)
```
#dccca7
```
#dccca7 rgb(220,204,167)
```
#e1cea2
```
#e1cea2 rgb(225,206,162)
```
#e5d09e
```
#e5d09e rgb(229,208,158)
```
#ead299
```
#ead299 rgb(234,210,153)
```
#efd394
```
#efd394 rgb(239,211,148)
```
#f4d58f
```
#f4d58f rgb(244,213,143)
```
#f8d78b
```
#f8d78b rgb(248,215,139)
```
#fdd986
```
#fdd986 rgb(253,217,134)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#e1dac9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2de8d Protanopia 1% of men
#ffd8ac Deuteranopia 1% of men
#ffd3df Tritanopia 0.001% of the population

Trichromacy

#f6dc8a Protanomaly 1% of men, 0.01% of women
#fed89e Deuteranomaly 6% of men, 0.4% of women
#fed5be Tritanomaly 0.01% of the population

#fdd986 hex color

#fdd986 Color Information

#fdd986 Color Conversion

Color Schemes with #fdd986

Alternatives to #fdd986

#fdd986 Preview

Shades and Tints of #fdd986

Tones of #fdd986

Color Blindness Simulator