#fdd5af hex color

In a RGB color space, hex #fdd5af is composed of 99.2% red, 83.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 30.8% yellow and 0.8% black. It has a hue angle of 29.2 degrees, a saturation of 95.1% and a lightness of 83.9%. #fdd5af color hex could be obtained by blending #ffffff with #fbab5f. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 99
- G 84
- B 69
RGB color chart
- C 0
- M 16
- Y 31
- K 1
CMYK color chart

● #fdd5af color description : Very soft orange.

The hexadecimal color #fdd5af has RGB values of R:253, G:213, B:175 and CMYK values of C:0, M:0.16, Y:0.31, K:0.01. Its decimal value is 16635311.

Hex triplet	fdd5af	`#fdd5af`
RGB Decimal	253, 213, 175	`rgb(253,213,175)`
RGB Percent	99.2, 83.5, 68.6	`rgb(99.2%,83.5%,68.6%)`
CMYK	0, 16, 31, 1
HSL	29.2°, 95.1, 83.9	`hsl(29.2,95.1%,83.9%)`
HSV (or HSB)	29.2°, 30.8, 99.2
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	87.76, 8.634, 24.008
XYZ	72.04, 71.568, 50.575
xyY	0.371, 0.369, 71.568
CIE-LCH	87.76, 25.513, 70.221
CIE-LUV	87.76, 27.705, 32.142
Hunter-Lab	84.598, 3.955, 23.774
Binary	11111101, 11010101, 10101111

#fdd5af
```
#fdd5af rgb(253,213,175)
```
#afd7fd
```
#afd7fd rgb(175,215,253)
```

Complementary Color

#fdafb0
```
#fdafb0 rgb(253,175,176)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#fdfcaf
```
#fdfcaf rgb(253,252,175)
```

Analogous Color

#afb0fd
```
#afb0fd rgb(175,176,253)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#affdfc
```
#affdfc rgb(175,253,252)
```

Split Complementary Color

#d5affd
```
#d5affd rgb(213,175,253)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#affdd5
```
#affdd5 rgb(175,253,213)
```

Triadic Color

#fdafd7
```
#fdafd7 rgb(253,175,215)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#affdd5
```
#affdd5 rgb(175,253,213)
```
#afd7fd
```
#afd7fd rgb(175,215,253)
```

Tetradic Color

#fbae64
```
#fbae64 rgb(251,174,100)
```
#fcbb7d
```
#fcbb7d rgb(252,187,125)
```
#fcc896
```
#fcc896 rgb(252,200,150)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#fee2c8
```
#fee2c8 rgb(254,226,200)
```
#feefe1
```
#feefe1 rgb(254,239,225)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Monochromatic Color

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

#fdc2af
```
#fdc2af rgb(253,194,175)
```
#fdc8af
```
#fdc8af rgb(253,200,175)
```
#fdcfaf
```
#fdcfaf rgb(253,207,175)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#fddcaf
```
#fddcaf rgb(253,220,175)
```
#fde2af
```
#fde2af rgb(253,226,175)
```
#fde9af
```
#fde9af rgb(253,233,175)
```

Similar Colors

Text with hexadecimal color #fdd5af

This text has a font color of #fdd5af.

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

#fdd5af background color

This paragraph has a background color of #fdd5af.

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

#fdd5af border color

This element has a border color of #fdd5af.

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

CSS codes

.text {color:#fdd5af;}

.background {background-color:#fdd5af;}

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

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

#100800
```
#100800 rgb(16,8,0)
```
#231101
```
#231101 rgb(35,17,1)
```
#361b01
```
#361b01 rgb(54,27,1)
```
#492502
```
#492502 rgb(73,37,2)
```
#5c2e02
```
#5c2e02 rgb(92,46,2)
```
#6f3803
```
#6f3803 rgb(111,56,3)
```
#834103
```
#834103 rgb(131,65,3)
```
#964b04
```
#964b04 rgb(150,75,4)
```
#a95404
```
#a95404 rgb(169,84,4)
```
#bc5e05
```
#bc5e05 rgb(188,94,5)
```
#cf6805
```
#cf6805 rgb(207,104,5)
```
#e27106
```
#e27106 rgb(226,113,6)
```
#f57b06
```
#f57b06 rgb(245,123,6)
```

Shade Color Variation

#f98516
```
#f98516 rgb(249,133,22)
```
#fa8f29
```
#fa8f29 rgb(250,143,41)
```
#fa993c
```
#fa993c rgb(250,153,60)
```
#fba34f
```
#fba34f rgb(251,163,79)
```
#fbad62
```
#fbad62 rgb(251,173,98)
```
#fcb776
```
#fcb776 rgb(252,183,118)
```
#fcc189
```
#fcc189 rgb(252,193,137)
```
#fdcb9c
```
#fdcb9c rgb(253,203,156)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```
#fddfc2
```
#fddfc2 rgb(253,223,194)
```
#fee9d5
```
#fee9d5 rgb(254,233,213)
```
#fef3e8
```
#fef3e8 rgb(254,243,232)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#d7d6d5
```
#d7d6d5 rgb(215,214,213)
```
#dad6d2
```
#dad6d2 rgb(218,214,210)
```
#ddd6cf
```
#ddd6cf rgb(221,214,207)
```
#e1d6cb
```
#e1d6cb rgb(225,214,203)
```
#e4d6c8
```
#e4d6c8 rgb(228,214,200)
```
#e7d6c5
```
#e7d6c5 rgb(231,214,197)
```
#ead5c2
```
#ead5c2 rgb(234,213,194)
```
#edd5bf
```
#edd5bf rgb(237,213,191)
```
#f0d5bc
```
#f0d5bc rgb(240,213,188)
```
#f4d5b8
```
#f4d5b8 rgb(244,213,184)
```
#f7d5b5
```
#f7d5b5 rgb(247,213,181)
```
#fad5b2
```
#fad5b2 rgb(250,213,178)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#e3dbd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eaddb5 Protanopia 1% of men
#ffd6b6 Deuteranopia 1% of men
#ffd2df Tritanopia 0.001% of the population

Trichromacy

#f1dab3 Protanomaly 1% of men, 0.01% of women
#fed5b3 Deuteranomaly 6% of men, 0.4% of women
#fed3cd Tritanomaly 0.01% of the population

#fdd5af hex color

#fdd5af Color Information

#fdd5af Color Conversion

Color Schemes with #fdd5af

Alternatives to #fdd5af

#fdd5af Preview

Shades and Tints of #fdd5af

Tones of #fdd5af

Color Blindness Simulator