#fddd56 hex color

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

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

● #fddd56 color description : Soft yellow.

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

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

CIE-LAB	88.576, -3.47, 67.836
XYZ	68.045, 73.27, 19.362
xyY	0.423, 0.456, 73.27
CIE-LCH	88.576, 67.925, 92.928
CIE-LUV	88.576, 27.998, 80.483
Hunter-Lab	85.598, -7.9, 46.507
Binary	11111101, 11011101, 01010110

#fddd56
```
#fddd56 rgb(253,221,86)
```
#5676fd
```
#5676fd rgb(86,118,253)
```

Complementary Color

#fd8a56
```
#fd8a56 rgb(253,138,86)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#cafd56
```
#cafd56 rgb(202,253,86)
```

Analogous Color

#8a56fd
```
#8a56fd rgb(138,86,253)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#56cafd
```
#56cafd rgb(86,202,253)
```

Split Complementary Color

#dd56fd
```
#dd56fd rgb(221,86,253)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#56fddd
```
#56fddd rgb(86,253,221)
```

Triadic Color

#fd5676
```
#fd5676 rgb(253,86,118)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#56fddd
```
#56fddd rgb(86,253,221)
```
#5676fd
```
#5676fd rgb(86,118,253)
```

Tetradic Color

#fcce0a
```
#fcce0a rgb(252,206,10)
```
#fcd324
```
#fcd324 rgb(252,211,36)
```
#fdd83d
```
#fdd83d rgb(253,216,61)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#fde26f
```
#fde26f rgb(253,226,111)
```
#fee788
```
#fee788 rgb(254,231,136)
```
#feeca2
```
#feeca2 rgb(254,236,162)
```

Monochromatic Color

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

#fdb356
```
#fdb356 rgb(253,179,86)
```
#fdc156
```
#fdc156 rgb(253,193,86)
```
#fdcf56
```
#fdcf56 rgb(253,207,86)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#fdeb56
```
#fdeb56 rgb(253,235,86)
```
#fdf956
```
#fdf956 rgb(253,249,86)
```
#f3fd56
```
#f3fd56 rgb(243,253,86)
```

Similar Colors

Text with hexadecimal color #fddd56

This text has a font color of #fddd56.

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

#fddd56 background color

This paragraph has a background color of #fddd56.

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

#fddd56 border color

This element has a border color of #fddd56.

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

CSS codes

.text {color:#fddd56;}

.background {background-color:#fddd56;}

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

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)
```
#403401
```
#403401 rgb(64,52,1)
```
#534301
```
#534301 rgb(83,67,1)
```
#665301
```
#665301 rgb(102,83,1)
```
#7a6301
```
#7a6301 rgb(122,99,1)
```
#8d7202
```
#8d7202 rgb(141,114,2)
```
#a18202
```
#a18202 rgb(161,130,2)
```
#b49202
```
#b49202 rgb(180,146,2)
```
#c7a202
```
#c7a202 rgb(199,162,2)
```
#dbb103
```
#dbb103 rgb(219,177,3)
```
#eec103
```
#eec103 rgb(238,193,3)
```

Shade Color Variation

#fccd08
```
#fccd08 rgb(252,205,8)
```
#fcd11c
```
#fcd11c rgb(252,209,28)
```
#fdd52f
```
#fdd52f rgb(253,213,47)
```
#fdd943
```
#fdd943 rgb(253,217,67)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```
#fde169
```
#fde169 rgb(253,225,105)
```
#fde57d
```
#fde57d rgb(253,229,125)
```
#fee990
```
#fee990 rgb(254,233,144)
```
#feeda4
```
#feeda4 rgb(254,237,164)
```
#fef1b7
```
#fef1b7 rgb(254,241,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 #fddd56 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)
```
#c8bd8b
```
#c8bd8b rgb(200,189,139)
```
#cfc184
```
#cfc184 rgb(207,193,132)
```
#d6c57d
```
#d6c57d rgb(214,197,125)
```
#dcc977
```
#dcc977 rgb(220,201,119)
```
#e3cd70
```
#e3cd70 rgb(227,205,112)
```
#e9d16a
```
#e9d16a rgb(233,209,106)
```
#f0d563
```
#f0d563 rgb(240,213,99)
```
#f6d95d
```
#f6d95d rgb(246,217,93)
```
#fddd56
```
#fddd56 rgb(253,221,86)
```

Tone Color Variation

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

#f8e05f Protanopia 1% of men
#ffdaa9 Deuteranopia 1% of men
#ffd5e0 Tritanopia 0.001% of the population

Trichromacy

#fadf5b Protanomaly 1% of men, 0.01% of women
#fedb8b Deuteranomaly 6% of men, 0.4% of women
#fed8ad Tritanomaly 0.01% of the population

#fddd56 hex color

#fddd56 Color Information

#fddd56 Color Conversion

Color Schemes with #fddd56

Alternatives to #fddd56

#fddd56 Preview

Shades and Tints of #fddd56

Tones of #fddd56

Color Blindness Simulator