#fddc56 hex color

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

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

● #fddc56 color description : Soft yellow.

The hexadecimal color #fddc56 has RGB values of R:253, G:220, B:86 and CMYK values of C:0, M:0.13, Y:0.66, K:0.01. Its decimal value is 16637014.

Hex triplet	fddc56	`#fddc56`
RGB Decimal	253, 220, 86	`rgb(253,220,86)`
RGB Percent	99.2, 86.3, 33.7	`rgb(99.2%,86.3%,33.7%)`
CMYK	0, 13, 66, 1
HSL	48.1°, 97.7, 66.5	`hsl(48.1,97.7%,66.5%)`
HSV (or HSB)	48.1°, 66, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.325, -2.965, 67.574
XYZ	67.781, 72.743, 19.274
xyY	0.424, 0.455, 72.743
CIE-LCH	88.325, 67.639, 92.513
CIE-LUV	88.325, 28.691, 80.062
Hunter-Lab	85.29, -7.399, 46.304
Binary	11111101, 11011100, 01010110

#fddc56
```
#fddc56 rgb(253,220,86)
```
#5677fd
```
#5677fd rgb(86,119,253)
```

Complementary Color

#fd8956
```
#fd8956 rgb(253,137,86)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#cbfd56
```
#cbfd56 rgb(203,253,86)
```

Analogous Color

#8956fd
```
#8956fd rgb(137,86,253)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#56cbfd
```
#56cbfd rgb(86,203,253)
```

Split Complementary Color

#dc56fd
```
#dc56fd rgb(220,86,253)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#56fddc
```
#56fddc rgb(86,253,220)
```

Triadic Color

#fd5677
```
#fd5677 rgb(253,86,119)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#56fddc
```
#56fddc rgb(86,253,220)
```
#5677fd
```
#5677fd rgb(86,119,253)
```

Tetradic Color

#fccc0a
```
#fccc0a rgb(252,204,10)
```
#fcd224
```
#fcd224 rgb(252,210,36)
```
#fdd73d
```
#fdd73d rgb(253,215,61)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#fde16f
```
#fde16f rgb(253,225,111)
```
#fee688
```
#fee688 rgb(254,230,136)
```
#feeca2
```
#feeca2 rgb(254,236,162)
```

Monochromatic Color

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

#fdb256
```
#fdb256 rgb(253,178,86)
```
#fdc056
```
#fdc056 rgb(253,192,86)
```
#fdce56
```
#fdce56 rgb(253,206,86)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#fdea56
```
#fdea56 rgb(253,234,86)
```
#fdf856
```
#fdf856 rgb(253,248,86)
```
#f4fd56
```
#f4fd56 rgb(244,253,86)
```

Similar Colors

Text with hexadecimal color #fddc56

This text has a font color of #fddc56.

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

#fddc56 background color

This paragraph has a background color of #fddc56.

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

#fddc56 border color

This element has a border color of #fddc56.

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

CSS codes

.text {color:#fddc56;}

.background {background-color:#fddc56;}

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

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 #fffcf1 is the lightest one.

#050400
```
#050400 rgb(5,4,0)
```
#191400
```
#191400 rgb(25,20,0)
```
#2c2401
```
#2c2401 rgb(44,36,1)
```
#403301
```
#403301 rgb(64,51,1)
```
#534301
```
#534301 rgb(83,67,1)
```
#665201
```
#665201 rgb(102,82,1)
```
#7a6201
```
#7a6201 rgb(122,98,1)
```
#8d7202
```
#8d7202 rgb(141,114,2)
```
#a18102
```
#a18102 rgb(161,129,2)
```
#b49102
```
#b49102 rgb(180,145,2)
```
#c7a002
```
#c7a002 rgb(199,160,2)
```
#dbb003
```
#dbb003 rgb(219,176,3)
```
#eec003
```
#eec003 rgb(238,192,3)
```

Shade Color Variation

#fccc08
```
#fccc08 rgb(252,204,8)
```
#fcd01c
```
#fcd01c rgb(252,208,28)
```
#fdd42f
```
#fdd42f rgb(253,212,47)
```
#fdd843
```
#fdd843 rgb(253,216,67)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#fde069
```
#fde069 rgb(253,224,105)
```
#fde47d
```
#fde47d rgb(253,228,125)
```
#fee890
```
#fee890 rgb(254,232,144)
```
#feeca4
```
#feeca4 rgb(254,236,164)
```
#fef0b7
```
#fef0b7 rgb(254,240,183)
```
#fef4ca
```
#fef4ca rgb(254,244,202)
```
#fff8de
```
#fff8de rgb(255,248,222)
```
#fffcf1
```
#fffcf1 rgb(255,252,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 #fddc56 is the most saturated one.

#aeaca5
```
#aeaca5 rgb(174,172,165)
```
#b5b09e
```
#b5b09e rgb(181,176,158)
```
#bbb498
```
#bbb498 rgb(187,180,152)
```
#c2b891
```
#c2b891 rgb(194,184,145)
```
#c8bc8b
```
#c8bc8b rgb(200,188,139)
```
#cfc084
```
#cfc084 rgb(207,192,132)
```
#d6c47d
```
#d6c47d rgb(214,196,125)
```
#dcc877
```
#dcc877 rgb(220,200,119)
```
#e3cc70
```
#e3cc70 rgb(227,204,112)
```
#e9d06a
```
#e9d06a rgb(233,208,106)
```
#f0d463
```
#f0d463 rgb(240,212,99)
```
#f6d85d
```
#f6d85d rgb(246,216,93)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dfd8bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7df5f Protanopia 1% of men
#ffd9a7 Deuteranopia 1% of men
#ffd4df Tritanopia 0.001% of the population

Trichromacy

#f9de5b Protanomaly 1% of men, 0.01% of women
#feda89 Deuteranomaly 6% of men, 0.4% of women
#fed7ad Tritanomaly 0.01% of the population

#fddc56 hex color

#fddc56 Color Information

#fddc56 Color Conversion

Color Schemes with #fddc56

Alternatives to #fddc56

#fddc56 Preview

Shades and Tints of #fddc56

Tones of #fddc56

Color Blindness Simulator