#fdd4af hex color

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

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

● #fdd4af color description : Very soft orange.

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

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

CIE-LAB	87.517, 9.151, 23.675
XYZ	71.789, 71.067, 50.491
xyY	0.371, 0.368, 71.067
CIE-LCH	87.517, 25.382, 68.867
CIE-LUV	87.517, 28.316, 31.585
Hunter-Lab	84.301, 4.479, 23.5
Binary	11111101, 11010100, 10101111

#fdd4af
```
#fdd4af rgb(253,212,175)
```
#afd8fd
```
#afd8fd rgb(175,216,253)
```

Complementary Color

#fdafb1
```
#fdafb1 rgb(253,175,177)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#fdfbaf
```
#fdfbaf rgb(253,251,175)
```

Analogous Color

#afb1fd
```
#afb1fd rgb(175,177,253)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#affdfb
```
#affdfb rgb(175,253,251)
```

Split Complementary Color

#d4affd
```
#d4affd rgb(212,175,253)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#affdd4
```
#affdd4 rgb(175,253,212)
```

Triadic Color

#fdafd8
```
#fdafd8 rgb(253,175,216)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#affdd4
```
#affdd4 rgb(175,253,212)
```
#afd8fd
```
#afd8fd rgb(175,216,253)
```

Tetradic Color

#fbac64
```
#fbac64 rgb(251,172,100)
```
#fcb97d
```
#fcb97d rgb(252,185,125)
```
#fcc796
```
#fcc796 rgb(252,199,150)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#fee1c8
```
#fee1c8 rgb(254,225,200)
```
#feefe1
```
#feefe1 rgb(254,239,225)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Monochromatic Color

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

#fdc1af
```
#fdc1af rgb(253,193,175)
```
#fdc7af
```
#fdc7af rgb(253,199,175)
```
#fdceaf
```
#fdceaf rgb(253,206,175)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#fddbaf
```
#fddbaf rgb(253,219,175)
```
#fde1af
```
#fde1af rgb(253,225,175)
```
#fde8af
```
#fde8af rgb(253,232,175)
```

Similar Colors

Text with hexadecimal color #fdd4af

This text has a font color of #fdd4af.

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

#fdd4af background color

This paragraph has a background color of #fdd4af.

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

#fdd4af border color

This element has a border color of #fdd4af.

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

CSS codes

.text {color:#fdd4af;}

.background {background-color:#fdd4af;}

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

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)
```
#361a01
```
#361a01 rgb(54,26,1)
```
#492402
```
#492402 rgb(73,36,2)
```
#5c2d02
```
#5c2d02 rgb(92,45,2)
```
#6f3603
```
#6f3603 rgb(111,54,3)
```
#834003
```
#834003 rgb(131,64,3)
```
#964904
```
#964904 rgb(150,73,4)
```
#a95204
```
#a95204 rgb(169,82,4)
```
#bc5c05
```
#bc5c05 rgb(188,92,5)
```
#cf6505
```
#cf6505 rgb(207,101,5)
```
#e26e06
```
#e26e06 rgb(226,110,6)
```
#f57806
```
#f57806 rgb(245,120,6)
```

Shade Color Variation

#f98216
```
#f98216 rgb(249,130,22)
```
#fa8c29
```
#fa8c29 rgb(250,140,41)
```
#fa963c
```
#fa963c rgb(250,150,60)
```
#fba14f
```
#fba14f rgb(251,161,79)
```
#fbab62
```
#fbab62 rgb(251,171,98)
```
#fcb576
```
#fcb576 rgb(252,181,118)
```
#fcbf89
```
#fcbf89 rgb(252,191,137)
```
#fdca9c
```
#fdca9c rgb(253,202,156)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```
#fddec2
```
#fddec2 rgb(253,222,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 #fdd4af is the most saturated one.

#d7d6d5
```
#d7d6d5 rgb(215,214,213)
```
#dad6d2
```
#dad6d2 rgb(218,214,210)
```
#ddd6cf
```
#ddd6cf rgb(221,214,207)
```
#e1d5cb
```
#e1d5cb rgb(225,213,203)
```
#e4d5c8
```
#e4d5c8 rgb(228,213,200)
```
#e7d5c5
```
#e7d5c5 rgb(231,213,197)
```
#ead5c2
```
#ead5c2 rgb(234,213,194)
```
#edd5bf
```
#edd5bf rgb(237,213,191)
```
#f0d5bc
```
#f0d5bc rgb(240,213,188)
```
#f4d4b8
```
#f4d4b8 rgb(244,212,184)
```
#f7d4b5
```
#f7d4b5 rgb(247,212,181)
```
#fad4b2
```
#fad4b2 rgb(250,212,178)
```
#fdd4af
```
#fdd4af rgb(253,212,175)
```

Tone Color Variation

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

Dichromacy

#e9dcb6 Protanopia 1% of men
#ffd5b5 Deuteranopia 1% of men
#ffd1de Tritanopia 0.001% of the population

Trichromacy

#f0d9b3 Protanomaly 1% of men, 0.01% of women
#fed4b3 Deuteranomaly 6% of men, 0.4% of women
#fed2cd Tritanomaly 0.01% of the population

#fdd4af hex color

#fdd4af Color Information

#fdd4af Color Conversion

Color Schemes with #fdd4af

Alternatives to #fdd4af

#fdd4af Preview

Shades and Tints of #fdd4af

Tones of #fdd4af

Color Blindness Simulator