#fdf3af hex color

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

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

● #fdf3af color description : Very soft yellow.

The hexadecimal color #fdf3af has RGB values of R:253, G:243, B:175 and CMYK values of C:0, M:0.04, Y:0.31, K:0.01. Its decimal value is 16642991.

Hex triplet	fdf3af	`#fdf3af`
RGB Decimal	253, 243, 175	`rgb(253,243,175)`
RGB Percent	99.2, 95.3, 68.6	`rgb(99.2%,95.3%,68.6%)`
CMYK	0, 4, 31, 1
HSL	52.3°, 95.1, 83.9	`hsl(52.3,95.1%,83.9%)`
HSV (or HSB)	52.3°, 30.8, 99.2
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.195, -6.622, 34.066
XYZ	80.295, 88.08, 53.326
xyY	0.362, 0.397, 88.08
CIE-LCH	95.195, 34.704, 101
CIE-LUV	95.195, 9.716, 48.682
Hunter-Lab	93.851, -11.521, 32.007
Binary	11111101, 11110011, 10101111

#fdf3af
```
#fdf3af rgb(253,243,175)
```
#afb9fd
```
#afb9fd rgb(175,185,253)
```

Complementary Color

#fdccaf
```
#fdccaf rgb(253,204,175)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#e0fdaf
```
#e0fdaf rgb(224,253,175)
```

Analogous Color

#ccaffd
```
#ccaffd rgb(204,175,253)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#afe0fd
```
#afe0fd rgb(175,224,253)
```

Split Complementary Color

#f3affd
```
#f3affd rgb(243,175,253)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#affdf3
```
#affdf3 rgb(175,253,243)
```

Triadic Color

#fdafb9
```
#fdafb9 rgb(253,175,185)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#affdf3
```
#affdf3 rgb(175,253,243)
```
#afb9fd
```
#afb9fd rgb(175,185,253)
```

Tetradic Color

#fbe864
```
#fbe864 rgb(251,232,100)
```
#fcec7d
```
#fcec7d rgb(252,236,125)
```
#fcef96
```
#fcef96 rgb(252,239,150)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#fef7c8
```
#fef7c8 rgb(254,247,200)
```
#fefae1
```
#fefae1 rgb(254,250,225)
```
#fffefa
```
#fffefa rgb(255,254,250)
```

Monochromatic Color

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

#fde0af
```
#fde0af rgb(253,224,175)
```
#fde6af
```
#fde6af rgb(253,230,175)
```
#fdedaf
```
#fdedaf rgb(253,237,175)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#fdfaaf
```
#fdfaaf rgb(253,250,175)
```
#fafdaf
```
#fafdaf rgb(250,253,175)
```
#f4fdaf
```
#f4fdaf rgb(244,253,175)
```

Similar Colors

Text with hexadecimal color #fdf3af

This text has a font color of #fdf3af.

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

#fdf3af background color

This paragraph has a background color of #fdf3af.

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

#fdf3af border color

This element has a border color of #fdf3af.

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

CSS codes

.text {color:#fdf3af;}

.background {background-color:#fdf3af;}

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

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, #100e00 is the darkest color, while #fffefc is the lightest one.

#100e00
```
#100e00 rgb(16,14,0)
```
#231e01
```
#231e01 rgb(35,30,1)
```
#362f01
```
#362f01 rgb(54,47,1)
```
#494002
```
#494002 rgb(73,64,2)
```
#5c5102
```
#5c5102 rgb(92,81,2)
```
#6f6103
```
#6f6103 rgb(111,97,3)
```
#837203
```
#837203 rgb(131,114,3)
```
#968304
```
#968304 rgb(150,131,4)
```
#a99404
```
#a99404 rgb(169,148,4)
```
#bca405
```
#bca405 rgb(188,164,5)
```
#cfb505
```
#cfb505 rgb(207,181,5)
```
#e2c606
```
#e2c606 rgb(226,198,6)
```
#f5d706
```
#f5d706 rgb(245,215,6)
```

Shade Color Variation

#f9dc16
```
#f9dc16 rgb(249,220,22)
```
#fadf29
```
#fadf29 rgb(250,223,41)
```
#fae23c
```
#fae23c rgb(250,226,60)
```
#fbe54f
```
#fbe54f rgb(251,229,79)
```
#fbe862
```
#fbe862 rgb(251,232,98)
```
#fcea76
```
#fcea76 rgb(252,234,118)
```
#fced89
```
#fced89 rgb(252,237,137)
```
#fdf09c
```
#fdf09c rgb(253,240,156)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```
#fdf6c2
```
#fdf6c2 rgb(253,246,194)
```
#fef9d5
```
#fef9d5 rgb(254,249,213)
```
#fefce8
```
#fefce8 rgb(254,252,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#d7d7d5
```
#d7d7d5 rgb(215,215,213)
```
#dad9d2
```
#dad9d2 rgb(218,217,210)
```
#dddccf
```
#dddccf rgb(221,220,207)
```
#e1decb
```
#e1decb rgb(225,222,203)
```
#e4e0c8
```
#e4e0c8 rgb(228,224,200)
```
#e7e3c5
```
#e7e3c5 rgb(231,227,197)
```
#eae5c2
```
#eae5c2 rgb(234,229,194)
```
#ede7bf
```
#ede7bf rgb(237,231,191)
```
#f0eabc
```
#f0eabc rgb(240,234,188)
```
#f4ecb8
```
#f4ecb8 rgb(244,236,184)
```
#f7eeb5
```
#f7eeb5 rgb(247,238,181)
```
#faf1b2
```
#faf1b2 rgb(250,241,178)
```
#fdf3af
```
#fdf3af rgb(253,243,175)
```

Tone Color Variation

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

#eeeeee Achromatopsia 0.005% of the population
#f1efe1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1c6 Protanopia 1% of men
#ffefe2 Deuteranopia 1% of men
#ffedf7 Tritanopia 0.001% of the population

Trichromacy

#fef2bd Protanomaly 1% of men, 0.01% of women
#fef0d0 Deuteranomaly 6% of men, 0.4% of women
#feefdd Tritanomaly 0.01% of the population

#fdf3af hex color

#fdf3af Color Information

#fdf3af Color Conversion

Color Schemes with #fdf3af

Alternatives to #fdf3af

#fdf3af Preview

Shades and Tints of #fdf3af

Tones of #fdf3af

Color Blindness Simulator