#fddd30 hex color

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

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

● #fddd30 color description : Bright yellow.

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

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

CIE-LAB	88.358, -5.053, 80.627
XYZ	66.899, 72.811, 13.326
xyY	0.437, 0.476, 72.811
CIE-LCH	88.358, 80.785, 93.586
CIE-LUV	88.358, 29.098, 89.804
Hunter-Lab	85.33, -9.382, 50.471
Binary	11111101, 11011101, 00110000

#fddd30
```
#fddd30 rgb(253,221,48)
```
#3050fd
```
#3050fd rgb(48,80,253)
```

Complementary Color

#fd7730
```
#fd7730 rgb(253,119,48)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#b7fd30
```
#b7fd30 rgb(183,253,48)
```

Analogous Color

#7730fd
```
#7730fd rgb(119,48,253)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#30b7fd
```
#30b7fd rgb(48,183,253)
```

Split Complementary Color

#dd30fd
```
#dd30fd rgb(221,48,253)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#30fddd
```
#30fddd rgb(48,253,221)
```

Triadic Color

#fd3050
```
#fd3050 rgb(253,48,80)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#30fddd
```
#30fddd rgb(48,253,221)
```
#3050fd
```
#3050fd rgb(48,80,253)
```

Tetradic Color

#debc02
```
#debc02 rgb(222,188,2)
```
#f8d102
```
#f8d102 rgb(248,209,2)
```
#fdd917
```
#fdd917 rgb(253,217,23)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#fde149
```
#fde149 rgb(253,225,73)
```
#fde563
```
#fde563 rgb(253,229,99)
```
#fee97c
```
#fee97c rgb(254,233,124)
```

Monochromatic Color

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

#fdaa30
```
#fdaa30 rgb(253,170,48)
```
#fdbb30
```
#fdbb30 rgb(253,187,48)
```
#fdcc30
```
#fdcc30 rgb(253,204,48)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#fdee30
```
#fdee30 rgb(253,238,48)
```
#fbfd30
```
#fbfd30 rgb(251,253,48)
```
#eafd30
```
#eafd30 rgb(234,253,48)
```

Similar Colors

Text with hexadecimal color #fddd30

This text has a font color of #fddd30.

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

#fddd30 background color

This paragraph has a background color of #fddd30.

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

#fddd30 border color

This element has a border color of #fddd30.

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

CSS codes

.text {color:#fddd30;}

.background {background-color:#fddd30;}

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

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)
```
#2e2700
```
#2e2700 rgb(46,39,0)
```
#413701
```
#413701 rgb(65,55,1)
```
#544701
```
#544701 rgb(84,71,1)
```
#685801
```
#685801 rgb(104,88,1)
```
#7b6801
```
#7b6801 rgb(123,104,1)
```
#8f7901
```
#8f7901 rgb(143,121,1)
```
#a28902
```
#a28902 rgb(162,137,2)
```
#b69902
```
#b69902 rgb(182,153,2)
```
#c9aa02
```
#c9aa02 rgb(201,170,2)
```
#dcba02
```
#dcba02 rgb(220,186,2)
```
#f0cb02
```
#f0cb02 rgb(240,203,2)
```

Shade Color Variation

#fdd709
```
#fdd709 rgb(253,215,9)
```
#fdda1d
```
#fdda1d rgb(253,218,29)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```
#fde043
```
#fde043 rgb(253,224,67)
```
#fde357
```
#fde357 rgb(253,227,87)
```
#fee76a
```
#fee76a rgb(254,231,106)
```
#feea7e
```
#feea7e rgb(254,234,126)
```
#feed91
```
#feed91 rgb(254,237,145)
```
#fef0a5
```
#fef0a5 rgb(254,240,165)
```
#fef3b8
```
#fef3b8 rgb(254,243,184)
```
#fff7cb
```
#fff7cb rgb(255,247,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 #fddd30 is the most saturated one.

#9d9b90
```
#9d9b90 rgb(157,155,144)
```
#a5a088
```
#a5a088 rgb(165,160,136)
```
#ada680
```
#ada680 rgb(173,166,128)
```
#b5ab78
```
#b5ab78 rgb(181,171,120)
```
#bdb170
```
#bdb170 rgb(189,177,112)
```
#c5b668
```
#c5b668 rgb(197,182,104)
```
#cdbc60
```
#cdbc60 rgb(205,188,96)
```
#d5c158
```
#d5c158 rgb(213,193,88)
```
#ddc750
```
#ddc750 rgb(221,199,80)
```
#e5cc48
```
#e5cc48 rgb(229,204,72)
```
#edd240
```
#edd240 rgb(237,210,64)
```
#f5d738
```
#f5d738 rgb(245,215,56)
```
#fddd30
```
#fddd30 rgb(253,221,48)
```

Tone Color Variation

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

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

Trichromacy

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

#fddd30 hex color

#fddd30 Color Information

#fddd30 Color Conversion

Color Schemes with #fddd30

Alternatives to #fddd30

#fddd30 Preview

Shades and Tints of #fddd30

Tones of #fddd30

Color Blindness Simulator