#f5dd5d hex color

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

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

● #f5dd5d color description : Soft yellow.

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

Hex triplet	f5dd5d	`#f5dd5d`
RGB Decimal	245, 221, 93	`rgb(245,221,93)`
RGB Percent	96.1, 86.7, 36.5	`rgb(96.1%,86.7%,36.5%)`
CMYK	0, 10, 62, 4
HSL	50.5°, 88.4, 66.3	`hsl(50.5,88.4%,66.3%)`
HSV (or HSB)	50.5°, 62, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.929, -6.352, 64.026
XYZ	65.489, 71.918, 20.787
xyY	0.414, 0.455, 71.918
CIE-LCH	87.929, 64.34, 95.666
CIE-LUV	87.929, 22.015, 77.831
Hunter-Lab	84.804, -10.564, 44.83
Binary	11110101, 11011101, 01011101

#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#5d75f5
```
#5d75f5 rgb(93,117,245)
```

Complementary Color

#f5915d
```
#f5915d rgb(245,145,93)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#c1f55d
```
#c1f55d rgb(193,245,93)
```

Analogous Color

#915df5
```
#915df5 rgb(145,93,245)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#5dc1f5
```
#5dc1f5 rgb(93,193,245)
```

Split Complementary Color

#dd5df5
```
#dd5df5 rgb(221,93,245)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#5df5dd
```
#5df5dd rgb(93,245,221)
```

Triadic Color

#f55d75
```
#f55d75 rgb(245,93,117)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#5df5dd
```
#5df5dd rgb(93,245,221)
```
#5d75f5
```
#5d75f5 rgb(93,117,245)
```

Tetradic Color

#f1ce15
```
#f1ce15 rgb(241,206,21)
```
#f2d32d
```
#f2d32d rgb(242,211,45)
```
#f4d845
```
#f4d845 rgb(244,216,69)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#f6e275
```
#f6e275 rgb(246,226,117)
```
#f8e78d
```
#f8e78d rgb(248,231,141)
```
#f9eca5
```
#f9eca5 rgb(249,236,165)
```

Monochromatic Color

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

#f5b75d
```
#f5b75d rgb(245,183,93)
```
#f5c45d
```
#f5c45d rgb(245,196,93)
```
#f5d05d
```
#f5d05d rgb(245,208,93)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#f5ea5d
```
#f5ea5d rgb(245,234,93)
```
#f4f55d
```
#f4f55d rgb(244,245,93)
```
#e7f55d
```
#e7f55d rgb(231,245,93)
```

Similar Colors

Text with hexadecimal color #f5dd5d

This text has a font color of #f5dd5d.

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

#f5dd5d background color

This paragraph has a background color of #f5dd5d.

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

#f5dd5d border color

This element has a border color of #f5dd5d.

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

CSS codes

.text {color:#f5dd5d;}

.background {background-color:#f5dd5d;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#171301
```
#171301 rgb(23,19,1)
```
#292303
```
#292303 rgb(41,35,3)
```
#3c3304
```
#3c3304 rgb(60,51,4)
```
#4e4305
```
#4e4305 rgb(78,67,5)
```
#615206
```
#615206 rgb(97,82,6)
```
#736207
```
#736207 rgb(115,98,7)
```
#867208
```
#867208 rgb(134,114,8)
```
#988209
```
#988209 rgb(152,130,9)
```
#ab910b
```
#ab910b rgb(171,145,11)
```
#bda10c
```
#bda10c rgb(189,161,12)
```
#cfb10d
```
#cfb10d rgb(207,177,13)
```
#e2c00e
```
#e2c00e rgb(226,192,14)
```

Shade Color Variation

#f0cd13
```
#f0cd13 rgb(240,205,19)
```
#f2d126
```
#f2d126 rgb(242,209,38)
```
#f3d538
```
#f3d538 rgb(243,213,56)
```
#f4d94b
```
#f4d94b rgb(244,217,75)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#f6e16f
```
#f6e16f rgb(246,225,111)
```
#f7e582
```
#f7e582 rgb(247,229,130)
```
#f8e994
```
#f8e994 rgb(248,233,148)
```
#faeda7
```
#faeda7 rgb(250,237,167)
```
#fbf0b9
```
#fbf0b9 rgb(251,240,185)
```
#fcf4cc
```
#fcf4cc rgb(252,244,204)
```
#fdf8de
```
#fdf8de rgb(253,248,222)
```
#fefcf1
```
#fefcf1 rgb(254,252,241)
```

Tint Color Variation

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

#acaba6
```
#acaba6 rgb(172,171,166)
```
#b3b09f
```
#b3b09f rgb(179,176,159)
```
#b9b499
```
#b9b499 rgb(185,180,153)
```
#c0b992
```
#c0b992 rgb(192,185,146)
```
#c7bd8b
```
#c7bd8b rgb(199,189,139)
```
#cdc285
```
#cdc285 rgb(205,194,133)
```
#d4c67e
```
#d4c67e rgb(212,198,126)
```
#dbcb77
```
#dbcb77 rgb(219,203,119)
```
#e1cf71
```
#e1cf71 rgb(225,207,113)
```
#e8d46a
```
#e8d46a rgb(232,212,106)
```
#eed864
```
#eed864 rgb(238,216,100)
```
#f5dd5d
```
#f5dd5d rgb(245,221,93)
```
#fce256
```
#fce256 rgb(252,226,86)
```

Tone Color Variation

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

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

Trichromacy

#f5dd62 Protanomaly 1% of men, 0.01% of women
#fbd98a Deuteranomaly 6% of men, 0.4% of women
#fbd6b0 Tritanomaly 0.01% of the population

#f5dd5d hex color

#f5dd5d Color Information

#f5dd5d Color Conversion

Color Schemes with #f5dd5d

Alternatives to #f5dd5d

#f5dd5d Preview

Shades and Tints of #f5dd5d

Tones of #f5dd5d

Color Blindness Simulator