#f5dd6c hex color

In a RGB color space, hex #f5dd6c is composed of 96.1% red, 86.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 55.9% yellow and 3.9% black. It has a hue angle of 49.5 degrees, a saturation of 87.3% and a lightness of 69.2%. #f5dd6c color hex could be obtained by blending #ffffd8 with #ebbb00. Closest websafe color is: #ffcc66.

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

● #f5dd6c color description : Soft yellow.

The hexadecimal color #f5dd6c has RGB values of R:245, G:221, B:108 and CMYK values of C:0, M:0.1, Y:0.56, K:0.04. Its decimal value is 16113004.

Hex triplet	f5dd6c	`#f5dd6c`
RGB Decimal	245, 221, 108	`rgb(245,221,108)`
RGB Percent	96.1, 86.7, 42.4	`rgb(96.1%,86.7%,42.4%)`
CMYK	0, 10, 56, 4
HSL	49.5°, 87.3, 69.2	`hsl(49.5,87.3%,69.2%)`
HSV (or HSB)	49.5°, 55.9, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.07, -5.322, 57.559
XYZ	66.22, 72.21, 24.636
xyY	0.406, 0.443, 72.21
CIE-LCH	88.07, 57.804, 95.282
CIE-LUV	88.07, 21.4, 72.052
Hunter-Lab	84.976, -9.609, 42.294
Binary	11110101, 11011101, 01101100

#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#6c84f5
```
#6c84f5 rgb(108,132,245)
```

Complementary Color

#f5996c
```
#f5996c rgb(245,153,108)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#c9f56c
```
#c9f56c rgb(201,245,108)
```

Analogous Color

#996cf5
```
#996cf5 rgb(153,108,245)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#6cc9f5
```
#6cc9f5 rgb(108,201,245)
```

Split Complementary Color

#dd6cf5
```
#dd6cf5 rgb(221,108,245)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#6cf5dd
```
#6cf5dd rgb(108,245,221)
```

Triadic Color

#f56c84
```
#f56c84 rgb(245,108,132)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#6cf5dd
```
#6cf5dd rgb(108,245,221)
```
#6c84f5
```
#6c84f5 rgb(108,132,245)
```

Tetradic Color

#f0cc24
```
#f0cc24 rgb(240,204,36)
```
#f2d23c
```
#f2d23c rgb(242,210,60)
```
#f3d754
```
#f3d754 rgb(243,215,84)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#f7e384
```
#f7e384 rgb(247,227,132)
```
#f8e89c
```
#f8e89c rgb(248,232,156)
```
#faeeb4
```
#faeeb4 rgb(250,238,180)
```

Monochromatic Color

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

#f5bb6c
```
#f5bb6c rgb(245,187,108)
```
#f5c66c
```
#f5c66c rgb(245,198,108)
```
#f5d26c
```
#f5d26c rgb(245,210,108)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#f5e86c
```
#f5e86c rgb(245,232,108)
```
#f5f46c
```
#f5f46c rgb(245,244,108)
```
#ebf56c
```
#ebf56c rgb(235,245,108)
```

Similar Colors

Text with hexadecimal color #f5dd6c

This text has a font color of #f5dd6c.

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

#f5dd6c background color

This paragraph has a background color of #f5dd6c.

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

#f5dd6c border color

This element has a border color of #f5dd6c.

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

CSS codes

.text {color:#f5dd6c;}

.background {background-color:#f5dd6c;}

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

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

#120f01
```
#120f01 rgb(18,15,1)
```
#251f02
```
#251f02 rgb(37,31,2)
```
#372e04
```
#372e04 rgb(55,46,4)
```
#493d05
```
#493d05 rgb(73,61,5)
```
#5c4d06
```
#5c4d06 rgb(92,77,6)
```
#6e5c07
```
#6e5c07 rgb(110,92,7)
```
#806c09
```
#806c09 rgb(128,108,9)
```
#937b0a
```
#937b0a rgb(147,123,10)
```
#a58a0b
```
#a58a0b rgb(165,138,11)
```
#b89a0c
```
#b89a0c rgb(184,154,12)
```
#caa90e
```
#caa90e rgb(202,169,14)
```
#dcb80f
```
#dcb80f rgb(220,184,15)
```
#efc810
```
#efc810 rgb(239,200,16)
```

Shade Color Variation

#f0cc23
```
#f0cc23 rgb(240,204,35)
```
#f1d035
```
#f1d035 rgb(241,208,53)
```
#f3d547
```
#f3d547 rgb(243,213,71)
```
#f4d95a
```
#f4d95a rgb(244,217,90)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#f6e17e
```
#f6e17e rgb(246,225,126)
```
#f7e591
```
#f7e591 rgb(247,229,145)
```
#f9eaa3
```
#f9eaa3 rgb(249,234,163)
```
#faeeb5
```
#faeeb5 rgb(250,238,181)
```
#fbf2c8
```
#fbf2c8 rgb(251,242,200)
```
#fcf6da
```
#fcf6da rgb(252,246,218)
```
#fefbed
```
#fefbed rgb(254,251,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b3b2ae
```
#b3b2ae rgb(179,178,174)
```
#b9b6a8
```
#b9b6a8 rgb(185,182,168)
```
#bfbaa2
```
#bfbaa2 rgb(191,186,162)
```
#c5be9c
```
#c5be9c rgb(197,190,156)
```
#cbc296
```
#cbc296 rgb(203,194,150)
```
#d1c590
```
#d1c590 rgb(209,197,144)
```
#d7c98a
```
#d7c98a rgb(215,201,138)
```
#ddcd84
```
#ddcd84 rgb(221,205,132)
```
#e3d17e
```
#e3d17e rgb(227,209,126)
```
#e9d578
```
#e9d578 rgb(233,213,120)
```
#efd972
```
#efd972 rgb(239,217,114)
```
#f5dd6c
```
#f5dd6c rgb(245,221,108)
```
#fbe166
```
#fbe166 rgb(251,225,102)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#ddd8c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5de73 Protanopia 1% of men
#ffd8a7 Deuteranopia 1% of men
#ffd3e1 Tritanopia 0.001% of the population

Trichromacy

#f5de70 Protanomaly 1% of men, 0.01% of women
#fbda92 Deuteranomaly 6% of men, 0.4% of women
#fbd6b6 Tritanomaly 0.01% of the population

#f5dd6c hex color

#f5dd6c Color Information

#f5dd6c Color Conversion

Color Schemes with #f5dd6c

Alternatives to #f5dd6c

#f5dd6c Preview

Shades and Tints of #f5dd6c

Tones of #f5dd6c

Color Blindness Simulator