#fddd5d hex color

In a RGB color space, hex #fddd5d is composed of 99.2% red, 86.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 63.2% yellow and 0.8% black. It has a hue angle of 48 degrees, a saturation of 97.6% and a lightness of 67.8%. #fddd5d color hex could be obtained by blending #ffffba with #fbbb00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 87
- B 36
RGB color chart
- C 0
- M 13
- Y 63
- K 1
CMYK color chart

● #fddd5d color description : Soft yellow.

The hexadecimal color #fddd5d has RGB values of R:253, G:221, B:93 and CMYK values of C:0, M:0.13, Y:0.63, K:0.01. Its decimal value is 16637277.

Hex triplet	fddd5d	`#fddd5d`
RGB Decimal	253, 221, 93	`rgb(253,221,93)`
RGB Percent	99.2, 86.7, 36.5	`rgb(99.2%,86.7%,36.5%)`
CMYK	0, 13, 63, 1
HSL	48°, 97.6, 67.8	`hsl(48,97.6%,67.8%)`
HSV (or HSB)	48°, 63.2, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.633, -3.065, 64.993
XYZ	68.341, 73.388, 20.921
xyY	0.42, 0.451, 73.388
CIE-LCH	88.633, 65.065, 92.7
CIE-LUV	88.633, 27.721, 78.133
Hunter-Lab	85.667, -7.519, 45.487
Binary	11111101, 11011101, 01011101

#fddd5d
```
#fddd5d rgb(253,221,93)
```
#5d7dfd
```
#5d7dfd rgb(93,125,253)
```

Complementary Color

#fd8d5d
```
#fd8d5d rgb(253,141,93)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#cdfd5d
```
#cdfd5d rgb(205,253,93)
```

Analogous Color

#8d5dfd
```
#8d5dfd rgb(141,93,253)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#5dcdfd
```
#5dcdfd rgb(93,205,253)
```

Split Complementary Color

#dd5dfd
```
#dd5dfd rgb(221,93,253)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#5dfddd
```
#5dfddd rgb(93,253,221)
```

Triadic Color

#fd5d7d
```
#fd5d7d rgb(253,93,125)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#5dfddd
```
#5dfddd rgb(93,253,221)
```
#5d7dfd
```
#5d7dfd rgb(93,125,253)
```

Tetradic Color

#fccd11
```
#fccd11 rgb(252,205,17)
```
#fcd22b
```
#fcd22b rgb(252,210,43)
```
#fdd844
```
#fdd844 rgb(253,216,68)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#fde276
```
#fde276 rgb(253,226,118)
```
#fee88f
```
#fee88f rgb(254,232,143)
```
#feeda9
```
#feeda9 rgb(254,237,169)
```

Monochromatic Color

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

#fdb55d
```
#fdb55d rgb(253,181,93)
```
#fdc25d
```
#fdc25d rgb(253,194,93)
```
#fdd05d
```
#fdd05d rgb(253,208,93)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#fdea5d
```
#fdea5d rgb(253,234,93)
```
#fdf85d
```
#fdf85d rgb(253,248,93)
```
#f5fd5d
```
#f5fd5d rgb(245,253,93)
```

Similar Colors

Text with hexadecimal color #fddd5d

This text has a font color of #fddd5d.

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

#fddd5d background color

This paragraph has a background color of #fddd5d.

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

#fddd5d border color

This element has a border color of #fddd5d.

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

CSS codes

.text {color:#fddd5d;}

.background {background-color:#fddd5d;}

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

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, #0c0a00 is the darkest color, while #fffef8 is the lightest one.

#0c0a00
```
#0c0a00 rgb(12,10,0)
```
#201900
```
#201900 rgb(32,25,0)
```
#332901
```
#332901 rgb(51,41,1)
```
#473901
```
#473901 rgb(71,57,1)
```
#5a4801
```
#5a4801 rgb(90,72,1)
```
#6d5801
```
#6d5801 rgb(109,88,1)
```
#816702
```
#816702 rgb(129,103,2)
```
#947702
```
#947702 rgb(148,119,2)
```
#a78602
```
#a78602 rgb(167,134,2)
```
#bb9602
```
#bb9602 rgb(187,150,2)
```
#cea503
```
#cea503 rgb(206,165,3)
```
#e2b503
```
#e2b503 rgb(226,181,3)
```
#f5c503
```
#f5c503 rgb(245,197,3)
```

Shade Color Variation

#fccd0f
```
#fccd0f rgb(252,205,15)
```
#fcd123
```
#fcd123 rgb(252,209,35)
```
#fdd536
```
#fdd536 rgb(253,213,54)
```
#fdd94a
```
#fdd94a rgb(253,217,74)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```
#fde170
```
#fde170 rgb(253,225,112)
```
#fde584
```
#fde584 rgb(253,229,132)
```
#fee997
```
#fee997 rgb(254,233,151)
```
#feedab
```
#feedab rgb(254,237,171)
```
#fef1be
```
#fef1be rgb(254,241,190)
```
#fef5d1
```
#fef5d1 rgb(254,245,209)
```
#fff9e5
```
#fff9e5 rgb(255,249,229)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#b1b0a9
```
#b1b0a9 rgb(177,176,169)
```
#b8b3a2
```
#b8b3a2 rgb(184,179,162)
```
#beb79c
```
#beb79c rgb(190,183,156)
```
#c4bb96
```
#c4bb96 rgb(196,187,150)
```
#cbbf8f
```
#cbbf8f rgb(203,191,143)
```
#d1c389
```
#d1c389 rgb(209,195,137)
```
#d7c683
```
#d7c683 rgb(215,198,131)
```
#ddca7d
```
#ddca7d rgb(221,202,125)
```
#e4ce76
```
#e4ce76 rgb(228,206,118)
```
#ead270
```
#ead270 rgb(234,210,112)
```
#f0d56a
```
#f0d56a rgb(240,213,106)
```
#f7d963
```
#f7d963 rgb(247,217,99)
```
#fddd5d
```
#fddd5d rgb(253,221,93)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#dfd9bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e065 Protanopia 1% of men
#ffdaab Deuteranopia 1% of men
#ffd5e0 Tritanopia 0.001% of the population

Trichromacy

#f9df62 Protanomaly 1% of men, 0.01% of women
#fedb8e Deuteranomaly 6% of men, 0.4% of women
#fed8b0 Tritanomaly 0.01% of the population

#fddd5d hex color

#fddd5d Color Information

#fddd5d Color Conversion

Color Schemes with #fddd5d

Alternatives to #fddd5d

#fddd5d Preview

Shades and Tints of #fddd5d

Tones of #fddd5d

Color Blindness Simulator