#f5dd7f hex color

In a RGB color space, hex #f5dd7f is composed of 96.1% red, 86.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 48.2% yellow and 3.9% black. It has a hue angle of 47.8 degrees, a saturation of 85.5% and a lightness of 72.9%. #f5dd7f color hex could be obtained by blending #fffffe with #ebbb00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 87
- B 50
RGB color chart
- C 0
- M 10
- Y 48
- K 4
CMYK color chart

● #f5dd7f color description : Soft yellow.

The hexadecimal color #f5dd7f has RGB values of R:245, G:221, B:127 and CMYK values of C:0, M:0.1, Y:0.48, K:0.04. Its decimal value is 16113023.

Hex triplet	f5dd7f	`#f5dd7f`
RGB Decimal	245, 221, 127	`rgb(245,221,127)`
RGB Percent	96.1, 86.7, 49.8	`rgb(96.1%,86.7%,49.8%)`
CMYK	0, 10, 48, 4
HSL	47.8°, 85.5, 72.9	`hsl(47.8,85.5%,72.9%)`
HSV (or HSB)	47.8°, 48.2, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.285, -3.757, 48.862
XYZ	67.343, 72.659, 30.555
xyY	0.395, 0.426, 72.659
CIE-LCH	88.285, 49.007, 94.397
CIE-LUV	88.285, 20.485, 63.437
Hunter-Lab	85.241, -8.149, 38.416
Binary	11110101, 11011101, 01111111

#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#7f97f5
```
#7f97f5 rgb(127,151,245)
```

Complementary Color

#f5a27f
```
#f5a27f rgb(245,162,127)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#d2f57f
```
#d2f57f rgb(210,245,127)
```

Analogous Color

#a27ff5
```
#a27ff5 rgb(162,127,245)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#7fd2f5
```
#7fd2f5 rgb(127,210,245)
```

Split Complementary Color

#dd7ff5
```
#dd7ff5 rgb(221,127,245)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#7ff5dd
```
#7ff5dd rgb(127,245,221)
```

Triadic Color

#f57f97
```
#f57f97 rgb(245,127,151)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#7ff5dd
```
#7ff5dd rgb(127,245,221)
```
#7f97f5
```
#7f97f5 rgb(127,151,245)
```

Tetradic Color

#efca38
```
#efca38 rgb(239,202,56)
```
#f1d050
```
#f1d050 rgb(241,208,80)
```
#f3d767
```
#f3d767 rgb(243,215,103)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#f7e397
```
#f7e397 rgb(247,227,151)
```
#f9eaae
```
#f9eaae rgb(249,234,174)
```
#fbf0c6
```
#fbf0c6 rgb(251,240,198)
```

Monochromatic Color

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

#f5c07f
```
#f5c07f rgb(245,192,127)
```
#f5c97f
```
#f5c97f rgb(245,201,127)
```
#f5d37f
```
#f5d37f rgb(245,211,127)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#f5e77f
```
#f5e77f rgb(245,231,127)
```
#f5f17f
```
#f5f17f rgb(245,241,127)
```
#f0f57f
```
#f0f57f rgb(240,245,127)
```

Similar Colors

Text with hexadecimal color #f5dd7f

This text has a font color of #f5dd7f.

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

#f5dd7f background color

This paragraph has a background color of #f5dd7f.

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

#f5dd7f border color

This element has a border color of #f5dd7f.

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

CSS codes

.text {color:#f5dd7f;}

.background {background-color:#f5dd7f;}

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

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, #120e01 is the darkest color, while #fffffe is the lightest one.

#120e01
```
#120e01 rgb(18,14,1)
```
#241d03
```
#241d03 rgb(36,29,3)
```
#362c04
```
#362c04 rgb(54,44,4)
```
#483b06
```
#483b06 rgb(72,59,6)
```
#5a4907
```
#5a4907 rgb(90,73,7)
```
#6d5808
```
#6d5808 rgb(109,88,8)
```
#7f670a
```
#7f670a rgb(127,103,10)
```
#91760b
```
#91760b rgb(145,118,11)
```
#a3850d
```
#a3850d rgb(163,133,13)
```
#b5930e
```
#b5930e rgb(181,147,14)
```
#c7a210
```
#c7a210 rgb(199,162,16)
```
#dab111
```
#dab111 rgb(218,177,17)
```
#ecc012
```
#ecc012 rgb(236,192,18)
```

Shade Color Variation

#eec524
```
#eec524 rgb(238,197,36)
```
#efca36
```
#efca36 rgb(239,202,54)
```
#f1cf48
```
#f1cf48 rgb(241,207,72)
```
#f2d35b
```
#f2d35b rgb(242,211,91)
```
#f4d86d
```
#f4d86d rgb(244,216,109)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#f6e291
```
#f6e291 rgb(246,226,145)
```
#f8e7a3
```
#f8e7a3 rgb(248,231,163)
```
#f9ebb6
```
#f9ebb6 rgb(249,235,182)
```
#fbf0c8
```
#fbf0c8 rgb(251,240,200)
```
#fcf5da
```
#fcf5da rgb(252,245,218)
```
#fefaec
```
#fefaec rgb(254,250,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#bbbab9
```
#bbbab9 rgb(187,186,185)
```
#c0beb4
```
#c0beb4 rgb(192,190,180)
```
#c5c1af
```
#c5c1af rgb(197,193,175)
```
#cbc4a9
```
#cbc4a9 rgb(203,196,169)
```
#d0c7a4
```
#d0c7a4 rgb(208,199,164)
```
#d5ca9f
```
#d5ca9f rgb(213,202,159)
```
#dacd9a
```
#dacd9a rgb(218,205,154)
```
#e0d094
```
#e0d094 rgb(224,208,148)
```
#e5d48f
```
#e5d48f rgb(229,212,143)
```
#ead78a
```
#ead78a rgb(234,215,138)
```
#f0da84
```
#f0da84 rgb(240,218,132)
```
#f5dd7f
```
#f5dd7f rgb(245,221,127)
```
#fae07a
```
#fae07a rgb(250,224,122)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#dfdac7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3df85 Protanopia 1% of men
#ffd9ac Deuteranopia 1% of men
#ffd4e2 Tritanopia 0.001% of the population

Trichromacy

#f4de83 Protanomaly 1% of men, 0.01% of women
#fbda9c Deuteranomaly 6% of men, 0.4% of women
#fbd7be Tritanomaly 0.01% of the population

#f5dd7f hex color

#f5dd7f Color Information

#f5dd7f Color Conversion

Color Schemes with #f5dd7f

Alternatives to #f5dd7f

#f5dd7f Preview

Shades and Tints of #f5dd7f

Tones of #f5dd7f

Color Blindness Simulator