#fddd31 hex color

In a RGB color space, hex #fddd31 is composed of 99.2% red, 86.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 80.6% yellow and 0.8% black. It has a hue angle of 50.6 degrees, a saturation of 98.1% and a lightness of 59.2%. #fddd31 color hex could be obtained by blending #ffff62 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

● #fddd31 color description : Bright yellow.

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

Hex triplet	fddd31	`#fddd31`
RGB Decimal	253, 221, 49	`rgb(253,221,49)`
RGB Percent	99.2, 86.7, 19.2	`rgb(99.2%,86.7%,19.2%)`
CMYK	0, 13, 81, 1
HSL	50.6°, 98.1, 59.2	`hsl(50.6,98.1%,59.2%)`
HSV (or HSB)	50.6°, 80.6, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.362, -5.024, 80.362
XYZ	66.92, 72.82, 13.436
xyY	0.437, 0.475, 72.82
CIE-LCH	88.362, 80.519, 93.578
CIE-LUV	88.362, 29.078, 89.631
Hunter-Lab	85.334, -9.355, 50.399
Binary	11111101, 11011101, 00110001

#fddd31
```
#fddd31 rgb(253,221,49)
```
#3151fd
```
#3151fd rgb(49,81,253)
```

Complementary Color

#fd7731
```
#fd7731 rgb(253,119,49)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#b7fd31
```
#b7fd31 rgb(183,253,49)
```

Analogous Color

#7731fd
```
#7731fd rgb(119,49,253)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#31b7fd
```
#31b7fd rgb(49,183,253)
```

Split Complementary Color

#dd31fd
```
#dd31fd rgb(221,49,253)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#31fddd
```
#31fddd rgb(49,253,221)
```

Triadic Color

#fd3151
```
#fd3151 rgb(253,49,81)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#31fddd
```
#31fddd rgb(49,253,221)
```
#3151fd
```
#3151fd rgb(49,81,253)
```

Tetradic Color

#dfbd02
```
#dfbd02 rgb(223,189,2)
```
#f9d202
```
#f9d202 rgb(249,210,2)
```
#fdd918
```
#fdd918 rgb(253,217,24)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#fde14a
```
#fde14a rgb(253,225,74)
```
#fde564
```
#fde564 rgb(253,229,100)
```
#feea7d
```
#feea7d rgb(254,234,125)
```

Monochromatic Color

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

#fdaa31
```
#fdaa31 rgb(253,170,49)
```
#fdbb31
```
#fdbb31 rgb(253,187,49)
```
#fdcc31
```
#fdcc31 rgb(253,204,49)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#fdee31
```
#fdee31 rgb(253,238,49)
```
#fbfd31
```
#fbfd31 rgb(251,253,49)
```
#eafd31
```
#eafd31 rgb(234,253,49)
```

Similar Colors

Text with hexadecimal color #fddd31

This text has a font color of #fddd31.

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

#fddd31 background color

This paragraph has a background color of #fddd31.

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

#fddd31 border color

This element has a border color of #fddd31.

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

CSS codes

.text {color:#fddd31;}

.background {background-color:#fddd31;}

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

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

#080600
```
#080600 rgb(8,6,0)
```
#1b1700
```
#1b1700 rgb(27,23,0)
```
#2f2700
```
#2f2700 rgb(47,39,0)
```
#423801
```
#423801 rgb(66,56,1)
```
#554801
```
#554801 rgb(85,72,1)
```
#695901
```
#695901 rgb(105,89,1)
```
#7c6901
```
#7c6901 rgb(124,105,1)
```
#907901
```
#907901 rgb(144,121,1)
```
#a38a02
```
#a38a02 rgb(163,138,2)
```
#b79a02
```
#b79a02 rgb(183,154,2)
```
#caab02
```
#caab02 rgb(202,171,2)
```
#ddbb02
```
#ddbb02 rgb(221,187,2)
```
#f1cb02
```
#f1cb02 rgb(241,203,2)
```

Shade Color Variation

#fdd70a
```
#fdd70a rgb(253,215,10)
```
#fdda1e
```
#fdda1e rgb(253,218,30)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```
#fde044
```
#fde044 rgb(253,224,68)
```
#fde358
```
#fde358 rgb(253,227,88)
```
#fee76b
```
#fee76b rgb(254,231,107)
```
#feea7f
```
#feea7f rgb(254,234,127)
```
#feed92
```
#feed92 rgb(254,237,146)
```
#fef0a6
```
#fef0a6 rgb(254,240,166)
```
#fef3b9
```
#fef3b9 rgb(254,243,185)
```
#fff7cc
```
#fff7cc rgb(255,247,204)
```
#fffae0
```
#fffae0 rgb(255,250,224)
```
#fffdf3
```
#fffdf3 rgb(255,253,243)
```

Tint Color Variation

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

#9d9b91
```
#9d9b91 rgb(157,155,145)
```
#a5a189
```
#a5a189 rgb(165,161,137)
```
#ada681
```
#ada681 rgb(173,166,129)
```
#b5ac79
```
#b5ac79 rgb(181,172,121)
```
#bdb171
```
#bdb171 rgb(189,177,113)
```
#c5b769
```
#c5b769 rgb(197,183,105)
```
#cdbc61
```
#cdbc61 rgb(205,188,97)
```
#d5c259
```
#d5c259 rgb(213,194,89)
```
#ddc751
```
#ddc751 rgb(221,199,81)
```
#e5cd49
```
#e5cd49 rgb(229,205,73)
```
#edd241
```
#edd241 rgb(237,210,65)
```
#f5d839
```
#f5d839 rgb(245,216,57)
```
#fddd31
```
#fddd31 rgb(253,221,49)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#fddd31 hex color

#fddd31 Color Information

#fddd31 Color Conversion

Color Schemes with #fddd31

Alternatives to #fddd31

#fddd31 Preview

Shades and Tints of #fddd31

Tones of #fddd31

Color Blindness Simulator