#fddf66 hex color

In a RGB color space, hex #fddf66 is composed of 99.2% red, 87.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.9% magenta, 59.7% yellow and 0.8% black. It has a hue angle of 48.1 degrees, a saturation of 97.4% and a lightness of 69.6%. #fddf66 color hex could be obtained by blending #ffffcc with #fbbf00. Closest websafe color is: #ffcc66.

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

● #fddf66 color description : Soft yellow.

The hexadecimal color #fddf66 has RGB values of R:253, G:223, B:102 and CMYK values of C:0, M:0.12, Y:0.6, K:0.01. Its decimal value is 16637798.

Hex triplet	fddf66	`#fddf66`
RGB Decimal	253, 223, 102	`rgb(253,223,102)`
RGB Percent	99.2, 87.5, 40	`rgb(99.2%,87.5%,40%)`
CMYK	0, 12, 60, 1
HSL	48.1°, 97.4, 69.6	`hsl(48.1,97.4%,69.6%)`
HSV (or HSB)	48.1°, 59.7, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.214, -3.5, 61.739
XYZ	69.294, 74.62, 23.323
xyY	0.414, 0.446, 74.62
CIE-LCH	89.214, 61.838, 93.244
CIE-LUV	89.214, 25.973, 75.702
Hunter-Lab	86.383, -7.981, 44.46
Binary	11111101, 11011111, 01100110

#fddf66
```
#fddf66 rgb(253,223,102)
```
#6684fd
```
#6684fd rgb(102,132,253)
```

Complementary Color

#fd9466
```
#fd9466 rgb(253,148,102)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#d0fd66
```
#d0fd66 rgb(208,253,102)
```

Analogous Color

#9466fd
```
#9466fd rgb(148,102,253)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#66d0fd
```
#66d0fd rgb(102,208,253)
```

Split Complementary Color

#df66fd
```
#df66fd rgb(223,102,253)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#66fddf
```
#66fddf rgb(102,253,223)
```

Triadic Color

#fd6684
```
#fd6684 rgb(253,102,132)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#66fddf
```
#66fddf rgb(102,253,223)
```
#6684fd
```
#6684fd rgb(102,132,253)
```

Tetradic Color

#fccf1a
```
#fccf1a rgb(252,207,26)
```
#fcd434
```
#fcd434 rgb(252,212,52)
```
#fdda4d
```
#fdda4d rgb(253,218,77)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#fde47f
```
#fde47f rgb(253,228,127)
```
#feea98
```
#feea98 rgb(254,234,152)
```
#feefb2
```
#feefb2 rgb(254,239,178)
```

Monochromatic Color

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

#fdb966
```
#fdb966 rgb(253,185,102)
```
#fdc666
```
#fdc666 rgb(253,198,102)
```
#fdd266
```
#fdd266 rgb(253,210,102)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#fdec66
```
#fdec66 rgb(253,236,102)
```
#fdf866
```
#fdf866 rgb(253,248,102)
```
#f5fd66
```
#f5fd66 rgb(245,253,102)
```

Similar Colors

Text with hexadecimal color #fddf66

This text has a font color of #fddf66.

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

#fddf66 background color

This paragraph has a background color of #fddf66.

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

#fddf66 border color

This element has a border color of #fddf66.

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

CSS codes

.text {color:#fddf66;}

.background {background-color:#fddf66;}

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

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, #020200 is the darkest color, while #fffbee is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#151100
```
#151100 rgb(21,17,0)
```
#292101
```
#292101 rgb(41,33,1)
```
#3c3001
```
#3c3001 rgb(60,48,1)
```
#4f4001
```
#4f4001 rgb(79,64,1)
```
#634f01
```
#634f01 rgb(99,79,1)
```
#765f02
```
#765f02 rgb(118,95,2)
```
#896e02
```
#896e02 rgb(137,110,2)
```
#9d7e02
```
#9d7e02 rgb(157,126,2)
```
#b08e02
```
#b08e02 rgb(176,142,2)
```
#c49d03
```
#c49d03 rgb(196,157,3)
```
#d7ad03
```
#d7ad03 rgb(215,173,3)
```
#eabc03
```
#eabc03 rgb(234,188,3)
```

Shade Color Variation

#fccb05
```
#fccb05 rgb(252,203,5)
```
#fccf19
```
#fccf19 rgb(252,207,25)
```
#fcd32c
```
#fcd32c rgb(252,211,44)
```
#fcd73f
```
#fcd73f rgb(252,215,63)
```
#fddb53
```
#fddb53 rgb(253,219,83)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```
#fde379
```
#fde379 rgb(253,227,121)
```
#fee78d
```
#fee78d rgb(254,231,141)
```
#feeba0
```
#feeba0 rgb(254,235,160)
```
#feefb3
```
#feefb3 rgb(254,239,179)
```
#fef3c7
```
#fef3c7 rgb(254,243,199)
```
#fff7da
```
#fff7da rgb(255,247,218)
```
#fffbee
```
#fffbee rgb(255,251,238)
```

Tint Color Variation

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

#b5b4ae
```
#b5b4ae rgb(181,180,174)
```
#bbb7a8
```
#bbb7a8 rgb(187,183,168)
```
#c1bba2
```
#c1bba2 rgb(193,187,162)
```
#c7bf9c
```
#c7bf9c rgb(199,191,156)
```
#cdc296
```
#cdc296 rgb(205,194,150)
```
#d3c690
```
#d3c690 rgb(211,198,144)
```
#d9c98a
```
#d9c98a rgb(217,201,138)
```
#dfcd84
```
#dfcd84 rgb(223,205,132)
```
#e5d17e
```
#e5d17e rgb(229,209,126)
```
#ebd478
```
#ebd478 rgb(235,212,120)
```
#f1d872
```
#f1d872 rgb(241,216,114)
```
#f7db6c
```
#f7db6c rgb(247,219,108)
```
#fddf66
```
#fddf66 rgb(253,223,102)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#e1dbc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e16e Protanopia 1% of men
#ffdcb1 Deuteranopia 1% of men
#ffd7e2 Tritanopia 0.001% of the population

Trichromacy

#fae06b Protanomaly 1% of men, 0.01% of women
#fedd95 Deuteranomaly 6% of men, 0.4% of women
#fedab5 Tritanomaly 0.01% of the population

#fddf66 hex color

#fddf66 Color Information

#fddf66 Color Conversion

Color Schemes with #fddf66

Alternatives to #fddf66

#fddf66 Preview

Shades and Tints of #fddf66

Tones of #fddf66

Color Blindness Simulator