#fdd056 hex color

In a RGB color space, hex #fdd056 is composed of 99.2% red, 81.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 66% yellow and 0.8% black. It has a hue angle of 43.8 degrees, a saturation of 97.7% and a lightness of 66.5%. #fdd056 color hex could be obtained by blending #ffffac with #fba100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 82
- B 34
RGB color chart
- C 0
- M 18
- Y 66
- K 1
CMYK color chart

● #fdd056 color description : Soft orange.

The hexadecimal color #fdd056 has RGB values of R:253, G:208, B:86 and CMYK values of C:0, M:0.18, Y:0.66, K:0.01. Its decimal value is 16633942.

Hex triplet	fdd056	`#fdd056`
RGB Decimal	253, 208, 86	`rgb(253,208,86)`
RGB Percent	99.2, 81.6, 33.7	`rgb(99.2%,81.6%,33.7%)`
CMYK	0, 18, 66, 1
HSL	43.8°, 97.7, 66.5	`hsl(43.8,97.7%,66.5%)`
HSV (or HSB)	43.8°, 66, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.337, 3.142, 64.423
XYZ	64.744, 66.669, 18.262
xyY	0.433, 0.445, 66.669
CIE-LCH	85.337, 64.499, 87.208
CIE-LUV	85.337, 37.142, 74.999
Hunter-Lab	81.651, -1.35, 43.895
Binary	11111101, 11010000, 01010110

#fdd056
```
#fdd056 rgb(253,208,86)
```
#5683fd
```
#5683fd rgb(86,131,253)
```

Complementary Color

#fd7d56
```
#fd7d56 rgb(253,125,86)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#d7fd56
```
#d7fd56 rgb(215,253,86)
```

Analogous Color

#7d56fd
```
#7d56fd rgb(125,86,253)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#56d7fd
```
#56d7fd rgb(86,215,253)
```

Split Complementary Color

#d056fd
```
#d056fd rgb(208,86,253)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#56fdd0
```
#56fdd0 rgb(86,253,208)
```

Triadic Color

#fd5683
```
#fd5683 rgb(253,86,131)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#56fdd0
```
#56fdd0 rgb(86,253,208)
```
#5683fd
```
#5683fd rgb(86,131,253)
```

Tetradic Color

#fcbb0a
```
#fcbb0a rgb(252,187,10)
```
#fcc224
```
#fcc224 rgb(252,194,36)
```
#fdc93d
```
#fdc93d rgb(253,201,61)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#fdd76f
```
#fdd76f rgb(253,215,111)
```
#fede88
```
#fede88 rgb(254,222,136)
```
#fee5a2
```
#fee5a2 rgb(254,229,162)
```

Monochromatic Color

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

#fda656
```
#fda656 rgb(253,166,86)
```
#fdb456
```
#fdb456 rgb(253,180,86)
```
#fdc256
```
#fdc256 rgb(253,194,86)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#fdde56
```
#fdde56 rgb(253,222,86)
```
#fdec56
```
#fdec56 rgb(253,236,86)
```
#fdfa56
```
#fdfa56 rgb(253,250,86)
```

Similar Colors

Text with hexadecimal color #fdd056

This text has a font color of #fdd056.

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

#fdd056 background color

This paragraph has a background color of #fdd056.

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

#fdd056 border color

This element has a border color of #fdd056.

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

CSS codes

.text {color:#fdd056;}

.background {background-color:#fdd056;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#191200
```
#191200 rgb(25,18,0)
```
#2c2001
```
#2c2001 rgb(44,32,1)
```
#402f01
```
#402f01 rgb(64,47,1)
```
#533d01
```
#533d01 rgb(83,61,1)
```
#664b01
```
#664b01 rgb(102,75,1)
```
#7a5901
```
#7a5901 rgb(122,89,1)
```
#8d6802
```
#8d6802 rgb(141,104,2)
```
#a17602
```
#a17602 rgb(161,118,2)
```
#b48402
```
#b48402 rgb(180,132,2)
```
#c79202
```
#c79202 rgb(199,146,2)
```
#dba003
```
#dba003 rgb(219,160,3)
```
#eeaf03
```
#eeaf03 rgb(238,175,3)
```

Shade Color Variation

#fcba08
```
#fcba08 rgb(252,186,8)
```
#fcc01c
```
#fcc01c rgb(252,192,28)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#fdcb43
```
#fdcb43 rgb(253,203,67)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#fdd569
```
#fdd569 rgb(253,213,105)
```
#fddb7d
```
#fddb7d rgb(253,219,125)
```
#fee090
```
#fee090 rgb(254,224,144)
```
#fee6a4
```
#fee6a4 rgb(254,230,164)
```
#feebb7
```
#feebb7 rgb(254,235,183)
```
#fef0ca
```
#fef0ca rgb(254,240,202)
```
#fff6de
```
#fff6de rgb(255,246,222)
```
#fffbf1
```
#fffbf1 rgb(255,251,241)
```

Tint Color Variation

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

#aeaca5
```
#aeaca5 rgb(174,172,165)
```
#b5af9e
```
#b5af9e rgb(181,175,158)
```
#bbb298
```
#bbb298 rgb(187,178,152)
```
#c2b591
```
#c2b591 rgb(194,181,145)
```
#c8b88b
```
#c8b88b rgb(200,184,139)
```
#cfbb84
```
#cfbb84 rgb(207,187,132)
```
#d6be7d
```
#d6be7d rgb(214,190,125)
```
#dcc177
```
#dcc177 rgb(220,193,119)
```
#e3c470
```
#e3c470 rgb(227,196,112)
```
#e9c76a
```
#e9c76a rgb(233,199,106)
```
#f0ca63
```
#f0ca63 rgb(240,202,99)
```
#f6cd5d
```
#f6cd5d rgb(246,205,93)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```

Tone Color Variation

Below, you can see how #fdd056 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
#d9d0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed760 Protanopia 1% of men
#ffcf89 Deuteranopia 1% of men
#ffc9d4 Tritanopia 0.001% of the population

Trichromacy

#f3d45c Protanomaly 1% of men, 0.01% of women
#fecf76 Deuteranomaly 6% of men, 0.4% of women
#fecba6 Tritanomaly 0.01% of the population

#fdd056 hex color

#fdd056 Color Information

#fdd056 Color Conversion

Color Schemes with #fdd056

Alternatives to #fdd056

#fdd056 Preview

Shades and Tints of #fdd056

Tones of #fdd056

Color Blindness Simulator