#fddd76 hex color

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

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

● #fddd76 color description : Soft yellow.

The hexadecimal color #fddd76 has RGB values of R:253, G:221, B:118 and CMYK values of C:0, M:0.13, Y:0.53, K:0.01. Its decimal value is 16637302.

Hex triplet	fddd76	`#fddd76`
RGB Decimal	253, 221, 118	`rgb(253,221,118)`
RGB Percent	99.2, 86.7, 46.3	`rgb(99.2%,86.7%,46.3%)`
CMYK	0, 13, 53, 1
HSL	45.8°, 97.1, 72.7	`hsl(45.8,97.1%,72.7%)`
HSV (or HSB)	45.8°, 53.4, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.878, -1.314, 54.042
XYZ	69.635, 73.906, 27.736
xyY	0.407, 0.432, 73.906
CIE-LCH	88.878, 54.058, 91.392
CIE-LUV	88.878, 26.542, 68.128
Hunter-Lab	85.968, -5.859, 41.049
Binary	11111101, 11011101, 01110110

#fddd76
```
#fddd76 rgb(253,221,118)
```
#7696fd
```
#7696fd rgb(118,150,253)
```

Complementary Color

#fd9a76
```
#fd9a76 rgb(253,154,118)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#dafd76
```
#dafd76 rgb(218,253,118)
```

Analogous Color

#9a76fd
```
#9a76fd rgb(154,118,253)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#76dafd
```
#76dafd rgb(118,218,253)
```

Split Complementary Color

#dd76fd
```
#dd76fd rgb(221,118,253)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#76fddd
```
#76fddd rgb(118,253,221)
```

Triadic Color

#fd7696
```
#fd7696 rgb(253,118,150)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#76fddd
```
#76fddd rgb(118,253,221)
```
#7696fd
```
#7696fd rgb(118,150,253)
```

Tetradic Color

#fcca2b
```
#fcca2b rgb(252,202,43)
```
#fcd144
```
#fcd144 rgb(252,209,68)
```
#fdd75d
```
#fdd75d rgb(253,215,93)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#fde38f
```
#fde38f rgb(253,227,143)
```
#fee9a8
```
#fee9a8 rgb(254,233,168)
```
#fef0c1
```
#fef0c1 rgb(254,240,193)
```

Monochromatic Color

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

#fdbb76
```
#fdbb76 rgb(253,187,118)
```
#fdc776
```
#fdc776 rgb(253,199,118)
```
#fdd276
```
#fdd276 rgb(253,210,118)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#fde876
```
#fde876 rgb(253,232,118)
```
#fdf476
```
#fdf476 rgb(253,244,118)
```
#fbfd76
```
#fbfd76 rgb(251,253,118)
```

Similar Colors

Text with hexadecimal color #fddd76

This text has a font color of #fddd76.

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

#fddd76 background color

This paragraph has a background color of #fddd76.

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

#fddd76 border color

This element has a border color of #fddd76.

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

CSS codes

.text {color:#fddd76;}

.background {background-color:#fddd76;}

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

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)
```
#251c01
```
#251c01 rgb(37,28,1)
```
#382b01
```
#382b01 rgb(56,43,1)
```
#4c3a01
```
#4c3a01 rgb(76,58,1)
```
#5f4901
```
#5f4901 rgb(95,73,1)
```
#725802
```
#725802 rgb(114,88,2)
```
#866602
```
#866602 rgb(134,102,2)
```
#997502
```
#997502 rgb(153,117,2)
```
#ac8403
```
#ac8403 rgb(172,132,3)
```
#c09303
```
#c09303 rgb(192,147,3)
```
#d3a203
```
#d3a203 rgb(211,162,3)
```
#e6b103
```
#e6b103 rgb(230,177,3)
```
#fabf04
```
#fabf04 rgb(250,191,4)
```

Shade Color Variation

#fcc515
```
#fcc515 rgb(252,197,21)
```
#fcca29
```
#fcca29 rgb(252,202,41)
```
#fccf3c
```
#fccf3c rgb(252,207,60)
```
#fcd34f
```
#fcd34f rgb(252,211,79)
```
#fdd863
```
#fdd863 rgb(253,216,99)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```
#fde289
```
#fde289 rgb(253,226,137)
```
#fee79d
```
#fee79d rgb(254,231,157)
```
#feebb0
```
#feebb0 rgb(254,235,176)
```
#fef0c3
```
#fef0c3 rgb(254,240,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 #fddd76 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)
```
#d8c99b
```
#d8c99b rgb(216,201,155)
```
#ddcc96
```
#ddcc96 rgb(221,204,150)
```
#e2cf91
```
#e2cf91 rgb(226,207,145)
```
#e8d28b
```
#e8d28b rgb(232,210,139)
```
#edd586
```
#edd586 rgb(237,213,134)
```
#f2d781
```
#f2d781 rgb(242,215,129)
```
#f8da7b
```
#f8da7b rgb(248,218,123)
```
#fddd76
```
#fddd76 rgb(253,221,118)
```

Tone Color Variation

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

Dichromacy

#f6e07d Protanopia 1% of men
#ffdbb0 Deuteranopia 1% of men
#ffd6e1 Tritanopia 0.001% of the population

Trichromacy

#f9df7a Protanomaly 1% of men, 0.01% of women
#fedb9a Deuteranomaly 6% of men, 0.4% of women
#fed8ba Tritanomaly 0.01% of the population

#fddd76 hex color

#fddd76 Color Information

#fddd76 Color Conversion

Color Schemes with #fddd76

Alternatives to #fddd76

#fddd76 Preview

Shades and Tints of #fddd76

Tones of #fddd76

Color Blindness Simulator