#fddc30 hex color

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

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

● #fddc30 color description : Bright yellow.

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

Hex triplet	fddc30	`#fddc30`
RGB Decimal	253, 220, 48	`rgb(253,220,48)`
RGB Percent	99.2, 86.3, 18.8	`rgb(99.2%,86.3%,18.8%)`
CMYK	0, 13, 81, 1
HSL	50.3°, 98.1, 59	`hsl(50.3,98.1%,59%)`
HSV (or HSB)	50.3°, 81, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.106, -4.551, 80.411
XYZ	66.635, 72.285, 13.239
xyY	0.438, 0.475, 72.285
CIE-LCH	88.106, 80.54, 93.239
CIE-LUV	88.106, 29.811, 89.418
Hunter-Lab	85.021, -8.885, 50.282
Binary	11111101, 11011100, 00110000

#fddc30
```
#fddc30 rgb(253,220,48)
```
#3051fd
```
#3051fd rgb(48,81,253)
```

Complementary Color

#fd7630
```
#fd7630 rgb(253,118,48)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#b8fd30
```
#b8fd30 rgb(184,253,48)
```

Analogous Color

#7630fd
```
#7630fd rgb(118,48,253)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#30b8fd
```
#30b8fd rgb(48,184,253)
```

Split Complementary Color

#dc30fd
```
#dc30fd rgb(220,48,253)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#30fddc
```
#30fddc rgb(48,253,220)
```

Triadic Color

#fd3051
```
#fd3051 rgb(253,48,81)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#30fddc
```
#30fddc rgb(48,253,220)
```
#3051fd
```
#3051fd rgb(48,81,253)
```

Tetradic Color

#debb02
```
#debb02 rgb(222,187,2)
```
#f8d002
```
#f8d002 rgb(248,208,2)
```
#fdd817
```
#fdd817 rgb(253,216,23)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#fde049
```
#fde049 rgb(253,224,73)
```
#fde563
```
#fde563 rgb(253,229,99)
```
#fee97c
```
#fee97c rgb(254,233,124)
```

Monochromatic Color

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

#fda930
```
#fda930 rgb(253,169,48)
```
#fdba30
```
#fdba30 rgb(253,186,48)
```
#fdcb30
```
#fdcb30 rgb(253,203,48)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#fded30
```
#fded30 rgb(253,237,48)
```
#fcfd30
```
#fcfd30 rgb(252,253,48)
```
#ebfd30
```
#ebfd30 rgb(235,253,48)
```

Similar Colors

Text with hexadecimal color #fddc30

This text has a font color of #fddc30.

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

#fddc30 background color

This paragraph has a background color of #fddc30.

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

#fddc30 border color

This element has a border color of #fddc30.

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

CSS codes

.text {color:#fddc30;}

.background {background-color:#fddc30;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1a1600
```
#1a1600 rgb(26,22,0)
```
#2e2600
```
#2e2600 rgb(46,38,0)
```
#413701
```
#413701 rgb(65,55,1)
```
#544701
```
#544701 rgb(84,71,1)
```
#685701
```
#685701 rgb(104,87,1)
```
#7b6801
```
#7b6801 rgb(123,104,1)
```
#8f7801
```
#8f7801 rgb(143,120,1)
```
#a28802
```
#a28802 rgb(162,136,2)
```
#b69902
```
#b69902 rgb(182,153,2)
```
#c9a902
```
#c9a902 rgb(201,169,2)
```
#dcb902
```
#dcb902 rgb(220,185,2)
```
#f0ca02
```
#f0ca02 rgb(240,202,2)
```

Shade Color Variation

#fdd509
```
#fdd509 rgb(253,213,9)
```
#fdd91d
```
#fdd91d rgb(253,217,29)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```
#fddf43
```
#fddf43 rgb(253,223,67)
```
#fde357
```
#fde357 rgb(253,227,87)
```
#fee66a
```
#fee66a rgb(254,230,106)
```
#fee97e
```
#fee97e rgb(254,233,126)
```
#feec91
```
#feec91 rgb(254,236,145)
```
#fef0a5
```
#fef0a5 rgb(254,240,165)
```
#fef3b8
```
#fef3b8 rgb(254,243,184)
```
#fff6cb
```
#fff6cb rgb(255,246,203)
```
#fffadf
```
#fffadf rgb(255,250,223)
```
#fffdf2
```
#fffdf2 rgb(255,253,242)
```

Tint Color Variation

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

#9d9b90
```
#9d9b90 rgb(157,155,144)
```
#a5a088
```
#a5a088 rgb(165,160,136)
```
#ada580
```
#ada580 rgb(173,165,128)
```
#b5ab78
```
#b5ab78 rgb(181,171,120)
```
#bdb070
```
#bdb070 rgb(189,176,112)
```
#c5b668
```
#c5b668 rgb(197,182,104)
```
#cdbb60
```
#cdbb60 rgb(205,187,96)
```
#d5c158
```
#d5c158 rgb(213,193,88)
```
#ddc650
```
#ddc650 rgb(221,198,80)
```
#e5cc48
```
#e5cc48 rgb(229,204,72)
```
#edd140
```
#edd140 rgb(237,209,64)
```
#f5d738
```
#f5d738 rgb(245,215,56)
```
#fddc30
```
#fddc30 rgb(253,220,48)
```

Tone Color Variation

Below, you can see how #fddc30 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
#dbd4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#fddc30 hex color

#fddc30 Color Information

#fddc30 Color Conversion

Color Schemes with #fddc30

Alternatives to #fddc30

#fddc30 Preview

Shades and Tints of #fddc30

Tones of #fddc30

Color Blindness Simulator