#fddd2f hex color

In a RGB color space, hex #fddd2f is composed of 99.2% red, 86.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 81.4% yellow and 0.8% black. It has a hue angle of 50.7 degrees, a saturation of 98.1% and a lightness of 58.8%. #fddd2f color hex could be obtained by blending #ffff5e with #fbbb00. Closest websafe color is: #ffcc33.

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

● #fddd2f color description : Bright yellow.

The hexadecimal color #fddd2f has RGB values of R:253, G:221, B:47 and CMYK values of C:0, M:0.13, Y:0.81, K:0.01. Its decimal value is 16637231.

Hex triplet	fddd2f	`#fddd2f`
RGB Decimal	253, 221, 47	`rgb(253,221,47)`
RGB Percent	99.2, 86.7, 18.4	`rgb(99.2%,86.7%,18.4%)`
CMYK	0, 13, 81, 1
HSL	50.7°, 98.1, 58.8	`hsl(50.7,98.1%,58.8%)`
HSV (or HSB)	50.7°, 81.4, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.354, -5.082, 80.888
XYZ	66.878, 72.803, 13.219
xyY	0.437, 0.476, 72.803
CIE-LCH	88.354, 81.048, 93.595
CIE-LUV	88.354, 29.118, 89.973
Hunter-Lab	85.325, -9.409, 50.542
Binary	11111101, 11011101, 00101111

#fddd2f
```
#fddd2f rgb(253,221,47)
```
#2f4ffd
```
#2f4ffd rgb(47,79,253)
```

Complementary Color

#fd762f
```
#fd762f rgb(253,118,47)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#b6fd2f
```
#b6fd2f rgb(182,253,47)
```

Analogous Color

#762ffd
```
#762ffd rgb(118,47,253)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#2fb6fd
```
#2fb6fd rgb(47,182,253)
```

Split Complementary Color

#dd2ffd
```
#dd2ffd rgb(221,47,253)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#2ffddd
```
#2ffddd rgb(47,253,221)
```

Triadic Color

#fd2f4f
```
#fd2f4f rgb(253,47,79)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#2ffddd
```
#2ffddd rgb(47,253,221)
```
#2f4ffd
```
#2f4ffd rgb(47,79,253)
```

Tetradic Color

#ddbb02
```
#ddbb02 rgb(221,187,2)
```
#f7d102
```
#f7d102 rgb(247,209,2)
```
#fdd916
```
#fdd916 rgb(253,217,22)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#fde148
```
#fde148 rgb(253,225,72)
```
#fde562
```
#fde562 rgb(253,229,98)
```
#fee97b
```
#fee97b rgb(254,233,123)
```

Monochromatic Color

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

#fdaa2f
```
#fdaa2f rgb(253,170,47)
```
#fdbb2f
```
#fdbb2f rgb(253,187,47)
```
#fdcc2f
```
#fdcc2f rgb(253,204,47)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#fdee2f
```
#fdee2f rgb(253,238,47)
```
#fbfd2f
```
#fbfd2f rgb(251,253,47)
```
#eafd2f
```
#eafd2f rgb(234,253,47)
```

Similar Colors

Text with hexadecimal color #fddd2f

This text has a font color of #fddd2f.

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

#fddd2f background color

This paragraph has a background color of #fddd2f.

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

#fddd2f border color

This element has a border color of #fddd2f.

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

CSS codes

.text {color:#fddd2f;}

.background {background-color:#fddd2f;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#191500
```
#191500 rgb(25,21,0)
```
#2d2600
```
#2d2600 rgb(45,38,0)
```
#403601
```
#403601 rgb(64,54,1)
```
#534701
```
#534701 rgb(83,71,1)
```
#675701
```
#675701 rgb(103,87,1)
```
#7a6701
```
#7a6701 rgb(122,103,1)
```
#8e7801
```
#8e7801 rgb(142,120,1)
```
#a18802
```
#a18802 rgb(161,136,2)
```
#b59902
```
#b59902 rgb(181,153,2)
```
#c8a902
```
#c8a902 rgb(200,169,2)
```
#dbba02
```
#dbba02 rgb(219,186,2)
```
#efca02
```
#efca02 rgb(239,202,2)
```

Shade Color Variation

#fdd708
```
#fdd708 rgb(253,215,8)
```
#fdda1c
```
#fdda1c rgb(253,218,28)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```
#fde042
```
#fde042 rgb(253,224,66)
```
#fde356
```
#fde356 rgb(253,227,86)
```
#fee769
```
#fee769 rgb(254,231,105)
```
#feea7d
```
#feea7d rgb(254,234,125)
```
#feed90
```
#feed90 rgb(254,237,144)
```
#fef0a4
```
#fef0a4 rgb(254,240,164)
```
#fef3b7
```
#fef3b7 rgb(254,243,183)
```
#fef6ca
```
#fef6ca rgb(254,246,202)
```
#fffade
```
#fffade rgb(255,250,222)
```
#fffdf1
```
#fffdf1 rgb(255,253,241)
```

Tint Color Variation

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

#9c9a90
```
#9c9a90 rgb(156,154,144)
```
#a4a088
```
#a4a088 rgb(164,160,136)
```
#aca580
```
#aca580 rgb(172,165,128)
```
#b4ab78
```
#b4ab78 rgb(180,171,120)
```
#bcb070
```
#bcb070 rgb(188,176,112)
```
#c4b668
```
#c4b668 rgb(196,182,104)
```
#cdbc5f
```
#cdbc5f rgb(205,188,95)
```
#d5c157
```
#d5c157 rgb(213,193,87)
```
#ddc74f
```
#ddc74f rgb(221,199,79)
```
#e5cc47
```
#e5cc47 rgb(229,204,71)
```
#edd23f
```
#edd23f rgb(237,210,63)
```
#f5d737
```
#f5d737 rgb(245,215,55)
```
#fddd2f
```
#fddd2f rgb(253,221,47)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbd5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df3a Protanopia 1% of men
#ffd9a5 Deuteranopia 1% of men
#ffd4df Tritanopia 0.001% of the population

Trichromacy

#fbde36 Protanomaly 1% of men, 0.01% of women
#feda7a Deuteranomaly 6% of men, 0.4% of women
#fed79f Tritanomaly 0.01% of the population

#fddd2f hex color

#fddd2f Color Information

#fddd2f Color Conversion

Color Schemes with #fddd2f

Alternatives to #fddd2f

#fddd2f Preview

Shades and Tints of #fddd2f

Tones of #fddd2f

Color Blindness Simulator