#f5dd5e hex color

In a RGB color space, hex #f5dd5e is composed of 96.1% red, 86.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 61.6% yellow and 3.9% black. It has a hue angle of 50.5 degrees, a saturation of 88.3% and a lightness of 66.5%. #f5dd5e color hex could be obtained by blending #ffffbc with #ebbb00. Closest websafe color is: #ffcc66.

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

● #f5dd5e color description : Soft yellow.

The hexadecimal color #f5dd5e has RGB values of R:245, G:221, B:94 and CMYK values of C:0, M:0.1, Y:0.62, K:0.04. Its decimal value is 16112990.

Hex triplet	f5dd5e	`#f5dd5e`
RGB Decimal	245, 221, 94	`rgb(245,221,94)`
RGB Percent	96.1, 86.7, 36.9	`rgb(96.1%,86.7%,36.9%)`
CMYK	0, 10, 62, 4
HSL	50.5°, 88.3, 66.5	`hsl(50.5,88.3%,66.5%)`
HSV (or HSB)	50.5°, 61.6, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.938, -6.289, 63.609
XYZ	65.533, 71.935, 21.022
xyY	0.413, 0.454, 71.935
CIE-LCH	87.938, 63.919, 95.647
CIE-LUV	87.938, 21.977, 77.474
Hunter-Lab	84.815, -10.505, 44.675
Binary	11110101, 11011101, 01011110

#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#5e76f5
```
#5e76f5 rgb(94,118,245)
```

Complementary Color

#f5925e
```
#f5925e rgb(245,146,94)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#c2f55e
```
#c2f55e rgb(194,245,94)
```

Analogous Color

#925ef5
```
#925ef5 rgb(146,94,245)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#5ec2f5
```
#5ec2f5 rgb(94,194,245)
```

Split Complementary Color

#dd5ef5
```
#dd5ef5 rgb(221,94,245)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#5ef5dd
```
#5ef5dd rgb(94,245,221)
```

Triadic Color

#f55e76
```
#f55e76 rgb(245,94,118)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#5ef5dd
```
#5ef5dd rgb(94,245,221)
```
#5e76f5
```
#5e76f5 rgb(94,118,245)
```

Tetradic Color

#f1ce16
```
#f1ce16 rgb(241,206,22)
```
#f2d32e
```
#f2d32e rgb(242,211,46)
```
#f4d846
```
#f4d846 rgb(244,216,70)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#f6e276
```
#f6e276 rgb(246,226,118)
```
#f8e78e
```
#f8e78e rgb(248,231,142)
```
#f9eca6
```
#f9eca6 rgb(249,236,166)
```

Monochromatic Color

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

#f5b75e
```
#f5b75e rgb(245,183,94)
```
#f5c45e
```
#f5c45e rgb(245,196,94)
```
#f5d05e
```
#f5d05e rgb(245,208,94)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#f5ea5e
```
#f5ea5e rgb(245,234,94)
```
#f4f55e
```
#f4f55e rgb(244,245,94)
```
#e7f55e
```
#e7f55e rgb(231,245,94)
```

Similar Colors

Text with hexadecimal color #f5dd5e

This text has a font color of #f5dd5e.

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

#f5dd5e background color

This paragraph has a background color of #f5dd5e.

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

#f5dd5e border color

This element has a border color of #f5dd5e.

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

CSS codes

.text {color:#f5dd5e;}

.background {background-color:#f5dd5e;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181401
```
#181401 rgb(24,20,1)
```
#2a2403
```
#2a2403 rgb(42,36,3)
```
#3d3404
```
#3d3404 rgb(61,52,4)
```
#4f4305
```
#4f4305 rgb(79,67,5)
```
#625306
```
#625306 rgb(98,83,6)
```
#746307
```
#746307 rgb(116,99,7)
```
#867208
```
#867208 rgb(134,114,8)
```
#99820a
```
#99820a rgb(153,130,10)
```
#ab920b
```
#ab920b rgb(171,146,11)
```
#bea20c
```
#bea20c rgb(190,162,12)
```
#d0b10d
```
#d0b10d rgb(208,177,13)
```
#e3c10e
```
#e3c10e rgb(227,193,14)
```

Shade Color Variation

#f0cd14
```
#f0cd14 rgb(240,205,20)
```
#f2d127
```
#f2d127 rgb(242,209,39)
```
#f3d539
```
#f3d539 rgb(243,213,57)
```
#f4d94c
```
#f4d94c rgb(244,217,76)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#f6e170
```
#f6e170 rgb(246,225,112)
```
#f7e583
```
#f7e583 rgb(247,229,131)
```
#f8e995
```
#f8e995 rgb(248,233,149)
```
#faeda8
```
#faeda8 rgb(250,237,168)
```
#fbf1ba
```
#fbf1ba rgb(251,241,186)
```
#fcf4cd
```
#fcf4cd rgb(252,244,205)
```
#fdf8df
```
#fdf8df rgb(253,248,223)
```
#fefcf2
```
#fefcf2 rgb(254,252,242)
```

Tint Color Variation

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

#adaca6
```
#adaca6 rgb(173,172,166)
```
#b3b0a0
```
#b3b0a0 rgb(179,176,160)
```
#bab599
```
#bab599 rgb(186,181,153)
```
#c0b993
```
#c0b993 rgb(192,185,147)
```
#c7be8c
```
#c7be8c rgb(199,190,140)
```
#cec285
```
#cec285 rgb(206,194,133)
```
#d4c77f
```
#d4c77f rgb(212,199,127)
```
#dbcb78
```
#dbcb78 rgb(219,203,120)
```
#e1d072
```
#e1d072 rgb(225,208,114)
```
#e8d46b
```
#e8d46b rgb(232,212,107)
```
#eed965
```
#eed965 rgb(238,217,101)
```
#f5dd5e
```
#f5dd5e rgb(245,221,94)
```
#fce157
```
#fce157 rgb(252,225,87)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#dcd7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6de66 Protanopia 1% of men
#ffd8a4 Deuteranopia 1% of men
#ffd2e0 Tritanopia 0.001% of the population

Trichromacy

#f5de63 Protanomaly 1% of men, 0.01% of women
#fbd98b Deuteranomaly 6% of men, 0.4% of women
#fbd6b1 Tritanomaly 0.01% of the population

#f5dd5e hex color

#f5dd5e Color Information

#f5dd5e Color Conversion

Color Schemes with #f5dd5e

Alternatives to #f5dd5e

#f5dd5e Preview

Shades and Tints of #f5dd5e

Tones of #f5dd5e

Color Blindness Simulator