#fdd661 hex color

In a RGB color space, hex #fdd661 is composed of 99.2% red, 83.9% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 61.7% yellow and 0.8% black. It has a hue angle of 45 degrees, a saturation of 97.5% and a lightness of 68.6%. #fdd661 color hex could be obtained by blending #ffffc2 with #fbad00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 84
- B 38
RGB color chart
- C 0
- M 15
- Y 62
- K 1
CMYK color chart

● #fdd661 color description : Soft yellow.

The hexadecimal color #fdd661 has RGB values of R:253, G:214, B:97 and CMYK values of C:0, M:0.15, Y:0.62, K:0.01. Its decimal value is 16635489.

Hex triplet	fdd661	`#fdd661`
RGB Decimal	253, 214, 97	`rgb(253,214,97)`
RGB Percent	99.2, 83.9, 38	`rgb(99.2%,83.9%,38%)`
CMYK	0, 15, 62, 1
HSL	45°, 97.5, 68.6	`hsl(45,97.5%,68.6%)`
HSV (or HSB)	45°, 61.7, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.919, 0.735, 61.39
XYZ	66.713, 69.841, 21.275
xyY	0.423, 0.443, 69.841
CIE-LCH	86.919, 61.394, 89.314
CIE-LUV	86.919, 32.383, 73.655
Hunter-Lab	83.571, -3.757, 43.406
Binary	11111101, 11010110, 01100001

#fdd661
```
#fdd661 rgb(253,214,97)
```
#6188fd
```
#6188fd rgb(97,136,253)
```

Complementary Color

#fd8861
```
#fd8861 rgb(253,136,97)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#d6fd61
```
#d6fd61 rgb(214,253,97)
```

Analogous Color

#8861fd
```
#8861fd rgb(136,97,253)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#61d6fd
```
#61d6fd rgb(97,214,253)
```

Split Complementary Color

#d661fd
```
#d661fd rgb(214,97,253)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#61fdd6
```
#61fdd6 rgb(97,253,214)
```

Triadic Color

#fd6188
```
#fd6188 rgb(253,97,136)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#61fdd6
```
#61fdd6 rgb(97,253,214)
```
#6188fd
```
#6188fd rgb(97,136,253)
```

Tetradic Color

#fcc215
```
#fcc215 rgb(252,194,21)
```
#fcc92f
```
#fcc92f rgb(252,201,47)
```
#fdcf48
```
#fdcf48 rgb(253,207,72)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#fddd7a
```
#fddd7a rgb(253,221,122)
```
#fee393
```
#fee393 rgb(254,227,147)
```
#feeaad
```
#feeaad rgb(254,234,173)
```

Monochromatic Color

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

#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#fdbc61
```
#fdbc61 rgb(253,188,97)
```
#fdc961
```
#fdc961 rgb(253,201,97)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#fde361
```
#fde361 rgb(253,227,97)
```
#fdf061
```
#fdf061 rgb(253,240,97)
```
#fdfd61
```
#fdfd61 rgb(253,253,97)
```

Similar Colors

Text with hexadecimal color #fdd661

This text has a font color of #fdd661.

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

#fdd661 background color

This paragraph has a background color of #fdd661.

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

#fdd661 border color

This element has a border color of #fdd661.

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

CSS codes

.text {color:#fdd661;}

.background {background-color:#fdd661;}

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

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

#100c00
```
#100c00 rgb(16,12,0)
```
#241b00
```
#241b00 rgb(36,27,0)
```
#372901
```
#372901 rgb(55,41,1)
```
#4a3801
```
#4a3801 rgb(74,56,1)
```
#5e4701
```
#5e4701 rgb(94,71,1)
```
#715501
```
#715501 rgb(113,85,1)
```
#856402
```
#856402 rgb(133,100,2)
```
#987202
```
#987202 rgb(152,114,2)
```
#ab8102
```
#ab8102 rgb(171,129,2)
```
#bf9002
```
#bf9002 rgb(191,144,2)
```
#d29e03
```
#d29e03 rgb(210,158,3)
```
#e5ad03
```
#e5ad03 rgb(229,173,3)
```
#f9bb03
```
#f9bb03 rgb(249,187,3)
```

Shade Color Variation

#fcc214
```
#fcc214 rgb(252,194,20)
```
#fcc727
```
#fcc727 rgb(252,199,39)
```
#fdcc3a
```
#fdcc3a rgb(253,204,58)
```
#fdd14e
```
#fdd14e rgb(253,209,78)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```
#fddb74
```
#fddb74 rgb(253,219,116)
```
#fde088
```
#fde088 rgb(253,224,136)
```
#fee59b
```
#fee59b rgb(254,229,155)
```
#feeaae
```
#feeaae rgb(254,234,174)
```
#feefc2
```
#feefc2 rgb(254,239,194)
```
#fef4d5
```
#fef4d5 rgb(254,244,213)
```
#fff9e9
```
#fff9e9 rgb(255,249,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#b3b1ab
```
#b3b1ab rgb(179,177,171)
```
#b9b4a5
```
#b9b4a5 rgb(185,180,165)
```
#bfb79f
```
#bfb79f rgb(191,183,159)
```
#c6ba98
```
#c6ba98 rgb(198,186,152)
```
#ccbd92
```
#ccbd92 rgb(204,189,146)
```
#d2c08c
```
#d2c08c rgb(210,192,140)
```
#d8c486
```
#d8c486 rgb(216,196,134)
```
#dec780
```
#dec780 rgb(222,199,128)
```
#e4ca7a
```
#e4ca7a rgb(228,202,122)
```
#ebcd73
```
#ebcd73 rgb(235,205,115)
```
#f1d06d
```
#f1d06d rgb(241,208,109)
```
#f7d367
```
#f7d367 rgb(247,211,103)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dcd4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db6a Protanopia 1% of men
#ffd49b Deuteranopia 1% of men
#ffcfda Tritanopia 0.001% of the population

Trichromacy

#f6d966 Protanomaly 1% of men, 0.01% of women
#fed586 Deuteranomaly 6% of men, 0.4% of women
#fed1ae Tritanomaly 0.01% of the population

#fdd661 hex color

#fdd661 Color Information

#fdd661 Color Conversion

Color Schemes with #fdd661

Alternatives to #fdd661

#fdd661 Preview

Shades and Tints of #fdd661

Tones of #fdd661

Color Blindness Simulator