#fdde76 hex color

In a RGB color space, hex #fdde76 is composed of 99.2% red, 87.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 53.4% yellow and 0.8% black. It has a hue angle of 46.2 degrees, a saturation of 97.1% and a lightness of 72.7%. #fdde76 color hex could be obtained by blending #ffffec with #fbbd00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 87
- B 46
RGB color chart
- C 0
- M 12
- Y 53
- K 1
CMYK color chart

● #fdde76 color description : Soft yellow.

The hexadecimal color #fdde76 has RGB values of R:253, G:222, B:118 and CMYK values of C:0, M:0.12, Y:0.53, K:0.01. Its decimal value is 16637558.

Hex triplet	fdde76	`#fdde76`
RGB Decimal	253, 222, 118	`rgb(253,222,118)`
RGB Percent	99.2, 87.1, 46.3	`rgb(99.2%,87.1%,46.3%)`
CMYK	0, 12, 53, 1
HSL	46.2°, 97.1, 72.7	`hsl(46.2,97.1%,72.7%)`
HSV (or HSB)	46.2°, 53.4, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.128, -1.82, 54.339
XYZ	69.899, 74.435, 27.824
xyY	0.406, 0.432, 74.435
CIE-LCH	89.128, 54.369, 91.918
CIE-LUV	89.128, 25.876, 68.592
Hunter-Lab	86.276, -6.365, 41.272
Binary	11111101, 11011110, 01110110

#fdde76
```
#fdde76 rgb(253,222,118)
```
#7695fd
```
#7695fd rgb(118,149,253)
```

Complementary Color

#fd9b76
```
#fd9b76 rgb(253,155,118)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#d9fd76
```
#d9fd76 rgb(217,253,118)
```

Analogous Color

#9b76fd
```
#9b76fd rgb(155,118,253)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#76d9fd
```
#76d9fd rgb(118,217,253)
```

Split Complementary Color

#de76fd
```
#de76fd rgb(222,118,253)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#76fdde
```
#76fdde rgb(118,253,222)
```

Triadic Color

#fd7695
```
#fd7695 rgb(253,118,149)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#76fdde
```
#76fdde rgb(118,253,222)
```
#7695fd
```
#7695fd rgb(118,149,253)
```

Tetradic Color

#fccc2b
```
#fccc2b rgb(252,204,43)
```
#fcd244
```
#fcd244 rgb(252,210,68)
```
#fdd85d
```
#fdd85d rgb(253,216,93)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#fde48f
```
#fde48f rgb(253,228,143)
```
#feeaa8
```
#feeaa8 rgb(254,234,168)
```
#fef0c1
```
#fef0c1 rgb(254,240,193)
```

Monochromatic Color

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

#fdbc76
```
#fdbc76 rgb(253,188,118)
```
#fdc876
```
#fdc876 rgb(253,200,118)
```
#fdd376
```
#fdd376 rgb(253,211,118)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#fde976
```
#fde976 rgb(253,233,118)
```
#fdf576
```
#fdf576 rgb(253,245,118)
```
#fafd76
```
#fafd76 rgb(250,253,118)
```

Similar Colors

Text with hexadecimal color #fdde76

This text has a font color of #fdde76.

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

#fdde76 background color

This paragraph has a background color of #fdde76.

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

#fdde76 border color

This element has a border color of #fdde76.

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

CSS codes

.text {color:#fdde76;}

.background {background-color:#fdde76;}

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

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, #120e00 is the darkest color, while #fffffd is the lightest one.

#120e00
```
#120e00 rgb(18,14,0)
```
#251d01
```
#251d01 rgb(37,29,1)
```
#382c01
```
#382c01 rgb(56,44,1)
```
#4c3b01
```
#4c3b01 rgb(76,59,1)
```
#5f4a01
```
#5f4a01 rgb(95,74,1)
```
#725802
```
#725802 rgb(114,88,2)
```
#866702
```
#866702 rgb(134,103,2)
```
#997602
```
#997602 rgb(153,118,2)
```
#ac8503
```
#ac8503 rgb(172,133,3)
```
#c09403
```
#c09403 rgb(192,148,3)
```
#d3a303
```
#d3a303 rgb(211,163,3)
```
#e6b203
```
#e6b203 rgb(230,178,3)
```
#fac104
```
#fac104 rgb(250,193,4)
```

Shade Color Variation

#fcc715
```
#fcc715 rgb(252,199,21)
```
#fccb29
```
#fccb29 rgb(252,203,41)
```
#fcd03c
```
#fcd03c rgb(252,208,60)
```
#fcd54f
```
#fcd54f rgb(252,213,79)
```
#fdd963
```
#fdd963 rgb(253,217,99)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```
#fde389
```
#fde389 rgb(253,227,137)
```
#fee79d
```
#fee79d rgb(254,231,157)
```
#feecb0
```
#feecb0 rgb(254,236,176)
```
#fef1c3
```
#fef1c3 rgb(254,241,195)
```
#fef5d7
```
#fef5d7 rgb(254,245,215)
```
#fffaea
```
#fffaea rgb(255,250,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#bdbbb6
```
#bdbbb6 rgb(189,187,182)
```
#c2beb1
```
#c2beb1 rgb(194,190,177)
```
#c8c1ab
```
#c8c1ab rgb(200,193,171)
```
#cdc4a6
```
#cdc4a6 rgb(205,196,166)
```
#d2c7a1
```
#d2c7a1 rgb(210,199,161)
```
#d8ca9b
```
#d8ca9b rgb(216,202,155)
```
#ddcd96
```
#ddcd96 rgb(221,205,150)
```
#e2d091
```
#e2d091 rgb(226,208,145)
```
#e8d28b
```
#e8d28b rgb(232,210,139)
```
#edd586
```
#edd586 rgb(237,213,134)
```
#f2d881
```
#f2d881 rgb(242,216,129)
```
#f8db7b
```
#f8db7b rgb(248,219,123)
```
#fdde76
```
#fdde76 rgb(253,222,118)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#e2dcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e17d Protanopia 1% of men
#ffdbb2 Deuteranopia 1% of men
#ffd7e2 Tritanopia 0.001% of the population

Trichromacy

#f9e07a Protanomaly 1% of men, 0.01% of women
#fedc9c Deuteranomaly 6% of men, 0.4% of women
#fed9bb Tritanomaly 0.01% of the population

#fdde76 hex color

#fdde76 Color Information

#fdde76 Color Conversion

Color Schemes with #fdde76

Alternatives to #fdde76

#fdde76 Preview

Shades and Tints of #fdde76

Tones of #fdde76

Color Blindness Simulator