#fddc2f hex color

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

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

● #fddc2f color description : Bright yellow.

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

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

CIE-LAB	88.102, -4.579, 80.673
XYZ	66.615, 72.277, 13.131
xyY	0.438, 0.475, 72.277
CIE-LCH	88.102, 80.803, 93.249
CIE-LUV	88.102, 29.831, 89.588
Hunter-Lab	85.016, -8.912, 50.353
Binary	11111101, 11011100, 00101111

#fddc2f
```
#fddc2f rgb(253,220,47)
```
#2f50fd
```
#2f50fd rgb(47,80,253)
```

Complementary Color

#fd752f
```
#fd752f rgb(253,117,47)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#b7fd2f
```
#b7fd2f rgb(183,253,47)
```

Analogous Color

#752ffd
```
#752ffd rgb(117,47,253)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#2fb7fd
```
#2fb7fd rgb(47,183,253)
```

Split Complementary Color

#dc2ffd
```
#dc2ffd rgb(220,47,253)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#2ffddc
```
#2ffddc rgb(47,253,220)
```

Triadic Color

#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#2ffddc
```
#2ffddc rgb(47,253,220)
```
#2f50fd
```
#2f50fd rgb(47,80,253)
```

Tetradic Color

#ddba02
```
#ddba02 rgb(221,186,2)
```
#f7d002
```
#f7d002 rgb(247,208,2)
```
#fdd816
```
#fdd816 rgb(253,216,22)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#fde048
```
#fde048 rgb(253,224,72)
```
#fde562
```
#fde562 rgb(253,229,98)
```
#fee97b
```
#fee97b rgb(254,233,123)
```

Monochromatic Color

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

#fda92f
```
#fda92f rgb(253,169,47)
```
#fdba2f
```
#fdba2f rgb(253,186,47)
```
#fdcb2f
```
#fdcb2f rgb(253,203,47)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#fded2f
```
#fded2f rgb(253,237,47)
```
#fcfd2f
```
#fcfd2f rgb(252,253,47)
```
#ebfd2f
```
#ebfd2f rgb(235,253,47)
```

Similar Colors

Text with hexadecimal color #fddc2f

This text has a font color of #fddc2f.

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

#fddc2f background color

This paragraph has a background color of #fddc2f.

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

#fddc2f border color

This element has a border color of #fddc2f.

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

CSS codes

.text {color:#fddc2f;}

.background {background-color:#fddc2f;}

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

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)
```
#534601
```
#534601 rgb(83,70,1)
```
#675701
```
#675701 rgb(103,87,1)
```
#7a6701
```
#7a6701 rgb(122,103,1)
```
#8e7701
```
#8e7701 rgb(142,119,1)
```
#a18802
```
#a18802 rgb(161,136,2)
```
#b59802
```
#b59802 rgb(181,152,2)
```
#c8a802
```
#c8a802 rgb(200,168,2)
```
#dbb902
```
#dbb902 rgb(219,185,2)
```
#efc902
```
#efc902 rgb(239,201,2)
```

Shade Color Variation

#fdd508
```
#fdd508 rgb(253,213,8)
```
#fdd91c
```
#fdd91c rgb(253,217,28)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```
#fddf42
```
#fddf42 rgb(253,223,66)
```
#fde356
```
#fde356 rgb(253,227,86)
```
#fee669
```
#fee669 rgb(254,230,105)
```
#fee97d
```
#fee97d rgb(254,233,125)
```
#feec90
```
#feec90 rgb(254,236,144)
```
#fef0a4
```
#fef0a4 rgb(254,240,164)
```
#fef3b7
```
#fef3b7 rgb(254,243,183)
```
#fef6ca
```
#fef6ca rgb(254,246,202)
```
#fff9de
```
#fff9de rgb(255,249,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 #fddc2f 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)
```
#cdbb5f
```
#cdbb5f rgb(205,187,95)
```
#d5c157
```
#d5c157 rgb(213,193,87)
```
#ddc64f
```
#ddc64f rgb(221,198,79)
```
#e5cc47
```
#e5cc47 rgb(229,204,71)
```
#edd13f
```
#edd13f rgb(237,209,63)
```
#f5d737
```
#f5d737 rgb(245,215,55)
```
#fddc2f
```
#fddc2f rgb(253,220,47)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df3a Protanopia 1% of men
#ffd8a3 Deuteranopia 1% of men
#ffd3de Tritanopia 0.001% of the population

Trichromacy

#fade36 Protanomaly 1% of men, 0.01% of women
#feda78 Deuteranomaly 6% of men, 0.4% of women
#fed69e Tritanomaly 0.01% of the population

#fddc2f hex color

#fddc2f Color Information

#fddc2f Color Conversion

Color Schemes with #fddc2f

Alternatives to #fddc2f

#fddc2f Preview

Shades and Tints of #fddc2f

Tones of #fddc2f

Color Blindness Simulator