#fdd355 hex color

In a RGB color space, hex #fdd355 is composed of 99.2% red, 82.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 66.4% yellow and 0.8% black. It has a hue angle of 45 degrees, a saturation of 97.7% and a lightness of 66.3%. #fdd355 color hex could be obtained by blending #ffffaa with #fba700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 83
- B 33
RGB color chart
- C 0
- M 17
- Y 66
- K 1
CMYK color chart

● #fdd355 color description : Soft yellow.

The hexadecimal color #fdd355 has RGB values of R:253, G:211, B:85 and CMYK values of C:0, M:0.17, Y:0.66, K:0.01. Its decimal value is 16634709.

Hex triplet	fdd355	`#fdd355`
RGB Decimal	253, 211, 85	`rgb(253,211,85)`
RGB Percent	99.2, 82.7, 33.3	`rgb(99.2%,82.7%,33.3%)`
CMYK	0, 17, 66, 1
HSL	45°, 97.7, 66.3	`hsl(45,97.7%,66.3%)`
HSV (or HSB)	45°, 66.4, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.071, 1.551, 65.618
XYZ	65.443, 68.13, 18.297
xyY	0.431, 0.449, 68.13
CIE-LCH	86.071, 65.636, 88.646
CIE-LUV	86.071, 35.051, 76.598
Hunter-Lab	82.541, -2.922, 44.635
Binary	11111101, 11010011, 01010101

#fdd355
```
#fdd355 rgb(253,211,85)
```
#557ffd
```
#557ffd rgb(85,127,253)
```

Complementary Color

#fd7f55
```
#fd7f55 rgb(253,127,85)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#d3fd55
```
#d3fd55 rgb(211,253,85)
```

Analogous Color

#7f55fd
```
#7f55fd rgb(127,85,253)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#55d3fd
```
#55d3fd rgb(85,211,253)
```

Split Complementary Color

#d355fd
```
#d355fd rgb(211,85,253)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#55fdd3
```
#55fdd3 rgb(85,253,211)
```

Triadic Color

#fd557f
```
#fd557f rgb(253,85,127)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#55fdd3
```
#55fdd3 rgb(85,253,211)
```
#557ffd
```
#557ffd rgb(85,127,253)
```

Tetradic Color

#fcbf09
```
#fcbf09 rgb(252,191,9)
```
#fcc623
```
#fcc623 rgb(252,198,35)
```
#fdcc3c
```
#fdcc3c rgb(253,204,60)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#fdda6e
```
#fdda6e rgb(253,218,110)
```
#fee087
```
#fee087 rgb(254,224,135)
```
#fee7a1
```
#fee7a1 rgb(254,231,161)
```

Monochromatic Color

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

#fda955
```
#fda955 rgb(253,169,85)
```
#fdb755
```
#fdb755 rgb(253,183,85)
```
#fdc555
```
#fdc555 rgb(253,197,85)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#fde155
```
#fde155 rgb(253,225,85)
```
#fdef55
```
#fdef55 rgb(253,239,85)
```
#fdfd55
```
#fdfd55 rgb(253,253,85)
```

Similar Colors

Text with hexadecimal color #fdd355

This text has a font color of #fdd355.

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

#fdd355 background color

This paragraph has a background color of #fdd355.

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

#fdd355 border color

This element has a border color of #fdd355.

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

CSS codes

.text {color:#fdd355;}

.background {background-color:#fdd355;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#181200
```
#181200 rgb(24,18,0)
```
#2b2101
```
#2b2101 rgb(43,33,1)
```
#3f2f01
```
#3f2f01 rgb(63,47,1)
```
#523e01
```
#523e01 rgb(82,62,1)
```
#654c01
```
#654c01 rgb(101,76,1)
```
#795b01
```
#795b01 rgb(121,91,1)
```
#8c6a02
```
#8c6a02 rgb(140,106,2)
```
#a07802
```
#a07802 rgb(160,120,2)
```
#b38702
```
#b38702 rgb(179,135,2)
```
#c69502
```
#c69502 rgb(198,149,2)
```
#daa403
```
#daa403 rgb(218,164,3)
```
#edb303
```
#edb303 rgb(237,179,3)
```

Shade Color Variation

#fcbf07
```
#fcbf07 rgb(252,191,7)
```
#fcc41b
```
#fcc41b rgb(252,196,27)
```
#fdc92e
```
#fdc92e rgb(253,201,46)
```
#fdce42
```
#fdce42 rgb(253,206,66)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```
#fdd868
```
#fdd868 rgb(253,216,104)
```
#fddd7c
```
#fddd7c rgb(253,221,124)
```
#fee28f
```
#fee28f rgb(254,226,143)
```
#fee7a3
```
#fee7a3 rgb(254,231,163)
```
#feecb6
```
#feecb6 rgb(254,236,182)
```
#fef1c9
```
#fef1c9 rgb(254,241,201)
```
#fff6dd
```
#fff6dd rgb(255,246,221)
```
#fffbf0
```
#fffbf0 rgb(255,251,240)
```

Tint Color Variation

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

#aeaba4
```
#aeaba4 rgb(174,171,164)
```
#b4af9e
```
#b4af9e rgb(180,175,158)
```
#bbb297
```
#bbb297 rgb(187,178,151)
```
#c1b591
```
#c1b591 rgb(193,181,145)
```
#c8b98a
```
#c8b98a rgb(200,185,138)
```
#cfbc83
```
#cfbc83 rgb(207,188,131)
```
#d5bf7d
```
#d5bf7d rgb(213,191,125)
```
#dcc276
```
#dcc276 rgb(220,194,118)
```
#e3c66f
```
#e3c66f rgb(227,198,111)
```
#e9c969
```
#e9c969 rgb(233,201,105)
```
#f0cc62
```
#f0cc62 rgb(240,204,98)
```
#f6d05c
```
#f6d05c rgb(246,208,92)
```
#fdd355
```
#fdd355 rgb(253,211,85)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#dad1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d95f Protanopia 1% of men
#ffd291 Deuteranopia 1% of men
#ffccd7 Tritanopia 0.001% of the population

Trichromacy

#f5d75b Protanomaly 1% of men, 0.01% of women
#fed27b Deuteranomaly 6% of men, 0.4% of women
#fecea7 Tritanomaly 0.01% of the population

#fdd355 hex color

#fdd355 Color Information

#fdd355 Color Conversion

Color Schemes with #fdd355

Alternatives to #fdd355

#fdd355 Preview

Shades and Tints of #fdd355

Tones of #fdd355

Color Blindness Simulator