#fdf996 hex color

In a RGB color space, hex #fdf996 is composed of 99.2% red, 97.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 40.7% yellow and 0.8% black. It has a hue angle of 57.7 degrees, a saturation of 96.3% and a lightness of 79%. #fdf996 color hex could be obtained by blending #ffffff with #fbf32d. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 99
- G 98
- B 59
RGB color chart
- C 0
- M 2
- Y 41
- K 1
CMYK color chart

● #fdf996 color description : Very soft yellow.

The hexadecimal color #fdf996 has RGB values of R:253, G:249, B:150 and CMYK values of C:0, M:0.02, Y:0.41, K:0.01. Its decimal value is 16644502.

Hex triplet	fdf996	`#fdf996`
RGB Decimal	253, 249, 150	`rgb(253,249,150)`
RGB Percent	99.2, 97.6, 58.8	`rgb(99.2%,97.6%,58.8%)`
CMYK	0, 2, 41, 1
HSL	57.7°, 96.3, 79	`hsl(57.7,96.3%,79%)`
HSV (or HSB)	57.7°, 40.7, 99.2
Web Safe	ffff99	`#ffff99`

CIE-LAB	96.343, -12.372, 47.902
XYZ	79.888, 90.837, 42.177
xyY	0.375, 0.427, 90.837
CIE-LCH	96.343, 49.474, 104.482
CIE-LUV	96.343, 7.301, 66.036
Hunter-Lab	95.308, -17.17, 40.478
Binary	11111101, 11111001, 10010110

#fdf996
```
#fdf996 rgb(253,249,150)
```
#969afd
```
#969afd rgb(150,154,253)
```

Complementary Color

#fdc696
```
#fdc696 rgb(253,198,150)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#cefd96
```
#cefd96 rgb(206,253,150)
```

Analogous Color

#c696fd
```
#c696fd rgb(198,150,253)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#96cefd
```
#96cefd rgb(150,206,253)
```

Split Complementary Color

#f996fd
```
#f996fd rgb(249,150,253)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#96fdf9
```
#96fdf9 rgb(150,253,249)
```

Triadic Color

#fd969a
```
#fd969a rgb(253,150,154)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#96fdf9
```
#96fdf9 rgb(150,253,249)
```
#969afd
```
#969afd rgb(150,154,253)
```

Tetradic Color

#fcf54b
```
#fcf54b rgb(252,245,75)
```
#fcf664
```
#fcf664 rgb(252,246,100)
```
#fdf87d
```
#fdf87d rgb(253,248,125)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#fdfaaf
```
#fdfaaf rgb(253,250,175)
```
#fefcc8
```
#fefcc8 rgb(254,252,200)
```
#fefde1
```
#fefde1 rgb(254,253,225)
```

Monochromatic Color

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

#fddf96
```
#fddf96 rgb(253,223,150)
```
#fde896
```
#fde896 rgb(253,232,150)
```
#fdf096
```
#fdf096 rgb(253,240,150)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#f8fd96
```
#f8fd96 rgb(248,253,150)
```
#f0fd96
```
#f0fd96 rgb(240,253,150)
```
#e7fd96
```
#e7fd96 rgb(231,253,150)
```

Similar Colors

Text with hexadecimal color #fdf996

This text has a font color of #fdf996.

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

#fdf996 background color

This paragraph has a background color of #fdf996.

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

#fdf996 border color

This element has a border color of #fdf996.

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

CSS codes

.text {color:#fdf996;}

.background {background-color:#fdf996;}

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

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, #0a0a00 is the darkest color, while #fffef6 is the lightest one.

#0a0a00
```
#0a0a00 rgb(10,10,0)
```
#1e1d01
```
#1e1d01 rgb(30,29,1)
```
#312f01
```
#312f01 rgb(49,47,1)
```
#444201
```
#444201 rgb(68,66,1)
```
#575402
```
#575402 rgb(87,84,2)
```
#6b6702
```
#6b6702 rgb(107,103,2)
```
#7e7902
```
#7e7902 rgb(126,121,2)
```
#918c03
```
#918c03 rgb(145,140,3)
```
#a49e03
```
#a49e03 rgb(164,158,3)
```
#b8b103
```
#b8b103 rgb(184,177,3)
```
#cbc304
```
#cbc304 rgb(203,195,4)
```
#ded604
```
#ded604 rgb(222,214,4)
```
#f1e805
```
#f1e805 rgb(241,232,5)
```

Shade Color Variation

#faf10f
```
#faf10f rgb(250,241,15)
```
#fbf223
```
#fbf223 rgb(251,242,35)
```
#fbf436
```
#fbf436 rgb(251,244,54)
```
#fcf549
```
#fcf549 rgb(252,245,73)
```
#fcf65c
```
#fcf65c rgb(252,246,92)
```
#fcf770
```
#fcf770 rgb(252,247,112)
```
#fdf883
```
#fdf883 rgb(253,248,131)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```
#fdfaa9
```
#fdfaa9 rgb(253,250,169)
```
#fefbbc
```
#fefbbc rgb(254,251,188)
```
#fefcd0
```
#fefcd0 rgb(254,252,208)
```
#fefde3
```
#fefde3 rgb(254,253,227)
```
#fffef6
```
#fffef6 rgb(255,254,246)
```

Tint Color Variation

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

#cccbc7
```
#cccbc7 rgb(204,203,199)
```
#d0cfc3
```
#d0cfc3 rgb(208,207,195)
```
#d4d3bf
```
#d4d3bf rgb(212,211,191)
```
#d8d7bb
```
#d8d7bb rgb(216,215,187)
```
#dcdbb7
```
#dcdbb7 rgb(220,219,183)
```
#e0deb3
```
#e0deb3 rgb(224,222,179)
```
#e4e2af
```
#e4e2af rgb(228,226,175)
```
#e8e6ab
```
#e8e6ab rgb(232,230,171)
```
#edeaa6
```
#edeaa6 rgb(237,234,166)
```
#f1eea2
```
#f1eea2 rgb(241,238,162)
```
#f5f19e
```
#f5f19e rgb(245,241,158)
```
#f9f59a
```
#f9f59a rgb(249,245,154)
```
#fdf996
```
#fdf996 rgb(253,249,150)
```

Tone Color Variation

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

#efefef Achromatopsia 0.005% of the population
#f2f1dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff4d3 Protanopia 1% of men
#fff3e8 Deuteranopia 1% of men
#fff1f9 Tritanopia 0.001% of the population

Trichromacy

#fef6bd Protanomaly 1% of men, 0.01% of women
#fef5ca Deuteranomaly 6% of men, 0.4% of women
#fef4d5 Tritanomaly 0.01% of the population

#fdf996 hex color

#fdf996 Color Information

#fdf996 Color Conversion

Color Schemes with #fdf996

Alternatives to #fdf996

#fdf996 Preview

Shades and Tints of #fdf996

Tones of #fdf996

Color Blindness Simulator