#fddf76 hex color

In a RGB color space, hex #fddf76 is composed of 99.2% red, 87.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.9% magenta, 53.4% yellow and 0.8% black. It has a hue angle of 46.7 degrees, a saturation of 97.1% and a lightness of 72.7%. #fddf76 color hex could be obtained by blending #ffffec with #fbbf00. 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

● #fddf76 color description : Soft yellow.

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

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

CIE-LAB	89.378, -2.326, 54.635
XYZ	70.166, 74.968, 27.913
xyY	0.405, 0.433, 74.968
CIE-LCH	89.378, 54.685, 92.438
CIE-LUV	89.378, 25.212, 69.055
Hunter-Lab	86.584, -6.87, 41.495
Binary	11111101, 11011111, 01110110

#fddf76
```
#fddf76 rgb(253,223,118)
```
#7694fd
```
#7694fd rgb(118,148,253)
```

Complementary Color

#fd9c76
```
#fd9c76 rgb(253,156,118)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#d8fd76
```
#d8fd76 rgb(216,253,118)
```

Analogous Color

#9c76fd
```
#9c76fd rgb(156,118,253)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#76d8fd
```
#76d8fd rgb(118,216,253)
```

Split Complementary Color

#df76fd
```
#df76fd rgb(223,118,253)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#76fddf
```
#76fddf rgb(118,253,223)
```

Triadic Color

#fd7694
```
#fd7694 rgb(253,118,148)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#76fddf
```
#76fddf rgb(118,253,223)
```
#7694fd
```
#7694fd rgb(118,148,253)
```

Tetradic Color

#fccd2b
```
#fccd2b rgb(252,205,43)
```
#fcd344
```
#fcd344 rgb(252,211,68)
```
#fdd95d
```
#fdd95d rgb(253,217,93)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#fde58f
```
#fde58f rgb(253,229,143)
```
#feeba8
```
#feeba8 rgb(254,235,168)
```
#fef1c1
```
#fef1c1 rgb(254,241,193)
```

Monochromatic Color

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

#fdbd76
```
#fdbd76 rgb(253,189,118)
```
#fdc976
```
#fdc976 rgb(253,201,118)
```
#fdd476
```
#fdd476 rgb(253,212,118)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#fdea76
```
#fdea76 rgb(253,234,118)
```
#fdf676
```
#fdf676 rgb(253,246,118)
```
#f9fd76
```
#f9fd76 rgb(249,253,118)
```

Similar Colors

Text with hexadecimal color #fddf76

This text has a font color of #fddf76.

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

#fddf76 background color

This paragraph has a background color of #fddf76.

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

#fddf76 border color

This element has a border color of #fddf76.

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

CSS codes

.text {color:#fddf76;}

.background {background-color:#fddf76;}

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

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)
```
#725902
```
#725902 rgb(114,89,2)
```
#866802
```
#866802 rgb(134,104,2)
```
#997702
```
#997702 rgb(153,119,2)
```
#ac8703
```
#ac8703 rgb(172,135,3)
```
#c09603
```
#c09603 rgb(192,150,3)
```
#d3a503
```
#d3a503 rgb(211,165,3)
```
#e6b403
```
#e6b403 rgb(230,180,3)
```
#fac304
```
#fac304 rgb(250,195,4)
```

Shade Color Variation

#fcc815
```
#fcc815 rgb(252,200,21)
```
#fccd29
```
#fccd29 rgb(252,205,41)
```
#fcd13c
```
#fcd13c rgb(252,209,60)
```
#fcd64f
```
#fcd64f rgb(252,214,79)
```
#fdda63
```
#fdda63 rgb(253,218,99)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```
#fde489
```
#fde489 rgb(253,228,137)
```
#fee89d
```
#fee89d rgb(254,232,157)
```
#feedb0
```
#feedb0 rgb(254,237,176)
```
#fef1c3
```
#fef1c3 rgb(254,241,195)
```
#fef6d7
```
#fef6d7 rgb(254,246,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 #fddf76 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)
```
#e8d38b
```
#e8d38b rgb(232,211,139)
```
#edd686
```
#edd686 rgb(237,214,134)
```
#f2d981
```
#f2d981 rgb(242,217,129)
```
#f8dc7b
```
#f8dc7b rgb(248,220,123)
```
#fddf76
```
#fddf76 rgb(253,223,118)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e3ddc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e27d Protanopia 1% of men
#ffdcb4 Deuteranopia 1% of men
#ffd8e3 Tritanopia 0.001% of the population

Trichromacy

#fae17a Protanomaly 1% of men, 0.01% of women
#fedd9d Deuteranomaly 6% of men, 0.4% of women
#fedabb Tritanomaly 0.01% of the population

#fddf76 hex color

#fddf76 Color Information

#fddf76 Color Conversion

Color Schemes with #fddf76

Alternatives to #fddf76

#fddf76 Preview

Shades and Tints of #fddf76

Tones of #fddf76

Color Blindness Simulator