#fdf561 hex color

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

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

● #fdf561 color description : Soft yellow.

The hexadecimal color #fdf561 has RGB values of R:253, G:245, B:97 and CMYK values of C:0, M:0.03, Y:0.62, K:0.01. Its decimal value is 16643425.

Hex triplet	fdf561	`#fdf561`
RGB Decimal	253, 245, 97	`rgb(253,245,97)`
RGB Percent	99.2, 96.1, 38	`rgb(99.2%,96.1%,38%)`
CMYK	0, 3, 62, 1
HSL	56.9°, 97.5, 68.6	`hsl(56.9,97.5%,68.6%)`
HSV (or HSB)	56.9°, 61.7, 99.2
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.76, -14.725, 69.912
XYZ	75.318, 87.052, 24.144
xyY	0.404, 0.467, 87.052
CIE-LCH	94.76, 71.446, 101.894
CIE-LUV	94.76, 11.616, 87.063
Hunter-Lab	93.302, -19.183, 49.969
Binary	11111101, 11110101, 01100001

#fdf561
```
#fdf561 rgb(253,245,97)
```
#6169fd
```
#6169fd rgb(97,105,253)
```

Complementary Color

#fda761
```
#fda761 rgb(253,167,97)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#b7fd61
```
#b7fd61 rgb(183,253,97)
```

Analogous Color

#a761fd
```
#a761fd rgb(167,97,253)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#61b7fd
```
#61b7fd rgb(97,183,253)
```

Split Complementary Color

#f561fd
```
#f561fd rgb(245,97,253)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#61fdf5
```
#61fdf5 rgb(97,253,245)
```

Triadic Color

#fd6169
```
#fd6169 rgb(253,97,105)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#61fdf5
```
#61fdf5 rgb(97,253,245)
```
#6169fd
```
#6169fd rgb(97,105,253)
```

Tetradic Color

#fcf015
```
#fcf015 rgb(252,240,21)
```
#fcf22f
```
#fcf22f rgb(252,242,47)
```
#fdf348
```
#fdf348 rgb(253,243,72)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#fdf77a
```
#fdf77a rgb(253,247,122)
```
#fef893
```
#fef893 rgb(254,248,147)
```
#fefaad
```
#fefaad rgb(254,250,173)
```

Monochromatic Color

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

#fdce61
```
#fdce61 rgb(253,206,97)
```
#fddb61
```
#fddb61 rgb(253,219,97)
```
#fde861
```
#fde861 rgb(253,232,97)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#f8fd61
```
#f8fd61 rgb(248,253,97)
```
#ebfd61
```
#ebfd61 rgb(235,253,97)
```
#defd61
```
#defd61 rgb(222,253,97)
```

Similar Colors

Text with hexadecimal color #fdf561

This text has a font color of #fdf561.

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

#fdf561 background color

This paragraph has a background color of #fdf561.

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

#fdf561 border color

This element has a border color of #fdf561.

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

CSS codes

.text {color:#fdf561;}

.background {background-color:#fdf561;}

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

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

#101000
```
#101000 rgb(16,16,0)
```
#242200
```
#242200 rgb(36,34,0)
```
#373401
```
#373401 rgb(55,52,1)
```
#4a4701
```
#4a4701 rgb(74,71,1)
```
#5e5901
```
#5e5901 rgb(94,89,1)
```
#716b01
```
#716b01 rgb(113,107,1)
```
#857e02
```
#857e02 rgb(133,126,2)
```
#989002
```
#989002 rgb(152,144,2)
```
#aba302
```
#aba302 rgb(171,163,2)
```
#bfb502
```
#bfb502 rgb(191,181,2)
```
#d2c703
```
#d2c703 rgb(210,199,3)
```
#e5da03
```
#e5da03 rgb(229,218,3)
```
#f9ec03
```
#f9ec03 rgb(249,236,3)
```

Shade Color Variation

#fcf014
```
#fcf014 rgb(252,240,20)
```
#fcf127
```
#fcf127 rgb(252,241,39)
```
#fdf33a
```
#fdf33a rgb(253,243,58)
```
#fdf44e
```
#fdf44e rgb(253,244,78)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```
#fdf674
```
#fdf674 rgb(253,246,116)
```
#fdf788
```
#fdf788 rgb(253,247,136)
```
#fef99b
```
#fef99b rgb(254,249,155)
```
#fefaae
```
#fefaae rgb(254,250,174)
```
#fefbc2
```
#fefbc2 rgb(254,251,194)
```
#fefcd5
```
#fefcd5 rgb(254,252,213)
```
#fffee9
```
#fffee9 rgb(255,254,233)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#b3b3ab
```
#b3b3ab rgb(179,179,171)
```
#b9b8a5
```
#b9b8a5 rgb(185,184,165)
```
#bfbe9f
```
#bfbe9f rgb(191,190,159)
```
#c6c398
```
#c6c398 rgb(198,195,152)
```
#ccc992
```
#ccc992 rgb(204,201,146)
```
#d2ce8c
```
#d2ce8c rgb(210,206,140)
```
#d8d486
```
#d8d486 rgb(216,212,134)
```
#ded980
```
#ded980 rgb(222,217,128)
```
#e4df7a
```
#e4df7a rgb(228,223,122)
```
#ebe473
```
#ebe473 rgb(235,228,115)
```
#f1ea6d
```
#f1ea6d rgb(241,234,109)
```
#f7ef67
```
#f7ef67 rgb(247,239,103)
```
#fdf561
```
#fdf561 rgb(253,245,97)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#ebeacc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0ba Protanopia 1% of men
#ffeedb Deuteranopia 1% of men
#ffebf4 Tritanopia 0.001% of the population

Trichromacy

#fef29a Protanomaly 1% of men, 0.01% of women
#fef0af Deuteranomaly 6% of men, 0.4% of women
#feefbe Tritanomaly 0.01% of the population

#fdf561 hex color

#fdf561 Color Information

#fdf561 Color Conversion

Color Schemes with #fdf561

Alternatives to #fdf561

#fdf561 Preview

Shades and Tints of #fdf561

Tones of #fdf561

Color Blindness Simulator