#fdd500 hex color

In a RGB color space, hex #fdd500 is composed of 99.2% red, 83.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 100% yellow and 0.8% black. It has a hue angle of 50.5 degrees, a saturation of 100% and a lightness of 49.6%. #fdd500 color hex could be obtained by blending #ffff00 with #fbab00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 84
- B 0
RGB color chart
- C 0
- M 16
- Y 100
- K 1
CMYK color chart

● #fdd500 color description : Pure (or mostly pure) yellow.

The hexadecimal color #fdd500 has RGB values of R:253, G:213, B:0 and CMYK values of C:0, M:0.16, Y:1, K:0.01. Its decimal value is 16635136.

Hex triplet	fdd500	`#fdd500`
RGB Decimal	253, 213, 0	`rgb(253,213,0)`
RGB Percent	99.2, 83.5, 0	`rgb(99.2%,83.5%,0%)`
CMYK	0, 16, 100, 1
HSL	50.5°, 100, 49.6	`hsl(50.5,100%,49.6%)`
HSV (or HSB)	50.5°, 100, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.243, -1.766, 86.56
XYZ	64.303, 68.474, 9.83
xyY	0.451, 0.48, 68.474
CIE-LCH	86.243, 86.578, 91.169
CIE-LUV	86.243, 35.462, 91.327
Hunter-Lab	82.749, -6.1, 50.881
Binary	11111101, 11010101, 00000000

#fdd500
```
#fdd500 rgb(253,213,0)
```
#0028fd
```
#0028fd rgb(0,40,253)
```

Complementary Color

#fd5600
```
#fd5600 rgb(253,86,0)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```
#a7fd00
```
#a7fd00 rgb(167,253,0)
```

Analogous Color

#5700fd
```
#5700fd rgb(87,0,253)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```
#00a7fd
```
#00a7fd rgb(0,167,253)
```

Split Complementary Color

#d500fd
```
#d500fd rgb(213,0,253)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```
#00fdd5
```
#00fdd5 rgb(0,253,213)
```

Triadic Color

#fd0028
```
#fd0028 rgb(253,0,40)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```
#00fdd5
```
#00fdd5 rgb(0,253,213)
```
#0028fd
```
#0028fd rgb(0,40,253)
```

Tetradic Color

#b19500
```
#b19500 rgb(177,149,0)
```
#caaa00
```
#caaa00 rgb(202,170,0)
```
#e4c000
```
#e4c000 rgb(228,192,0)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```
#ffda18
```
#ffda18 rgb(255,218,24)
```
#ffde31
```
#ffde31 rgb(255,222,49)
```
#ffe24b
```
#ffe24b rgb(255,226,75)
```

Monochromatic Color

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

#fd9600
```
#fd9600 rgb(253,150,0)
```
#fdab00
```
#fdab00 rgb(253,171,0)
```
#fdc000
```
#fdc000 rgb(253,192,0)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```
#fdea00
```
#fdea00 rgb(253,234,0)
```
#fbfd00
```
#fbfd00 rgb(251,253,0)
```
#e6fd00
```
#e6fd00 rgb(230,253,0)
```

Similar Colors

Text with hexadecimal color #fdd500

This text has a font color of #fdd500.

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

#fdd500 background color

This paragraph has a background color of #fdd500.

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

#fdd500 border color

This element has a border color of #fdd500.

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

CSS codes

.text {color:#fdd500;}

.background {background-color:#fdd500;}

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

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, #120f00 is the darkest color, while #fffffd is the lightest one.

#120f00
```
#120f00 rgb(18,15,0)
```
#251f00
```
#251f00 rgb(37,31,0)
```
#393000
```
#393000 rgb(57,48,0)
```
#4c4000
```
#4c4000 rgb(76,64,0)
```
#605100
```
#605100 rgb(96,81,0)
```
#746100
```
#746100 rgb(116,97,0)
```
#877200
```
#877200 rgb(135,114,0)
```
#9b8200
```
#9b8200 rgb(155,130,0)
```
#af9300
```
#af9300 rgb(175,147,0)
```
#c2a300
```
#c2a300 rgb(194,163,0)
```
#d6b400
```
#d6b400 rgb(214,180,0)
```
#e9c400
```
#e9c400 rgb(233,196,0)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```

Shade Color Variation

#ffd912
```
#ffd912 rgb(255,217,18)
```
#ffdd25
```
#ffdd25 rgb(255,221,37)
```
#ffe039
```
#ffe039 rgb(255,224,57)
```
#ffe34c
```
#ffe34c rgb(255,227,76)
```
#ffe660
```
#ffe660 rgb(255,230,96)
```
#ffe974
```
#ffe974 rgb(255,233,116)
```
#ffec87
```
#ffec87 rgb(255,236,135)
```
#ffef9b
```
#ffef9b rgb(255,239,155)
```
#fff2af
```
#fff2af rgb(255,242,175)
```
#fff5c2
```
#fff5c2 rgb(255,245,194)
```
#fff8d6
```
#fff8d6 rgb(255,248,214)
```
#fffce9
```
#fffce9 rgb(255,252,233)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#888575
```
#888575 rgb(136,133,117)
```
#928c6b
```
#928c6b rgb(146,140,107)
```
#9c9261
```
#9c9261 rgb(156,146,97)
```
#a59958
```
#a59958 rgb(165,153,88)
```
#afa04e
```
#afa04e rgb(175,160,78)
```
#b9a644
```
#b9a644 rgb(185,166,68)
```
#c3ad3a
```
#c3ad3a rgb(195,173,58)
```
#ccb431
```
#ccb431 rgb(204,180,49)
```
#d6ba27
```
#d6ba27 rgb(214,186,39)
```
#e0c11d
```
#e0c11d rgb(224,193,29)
```
#eac813
```
#eac813 rgb(234,200,19)
```
#f3ce0a
```
#f3ce0a rgb(243,206,10)
```
#fdd500
```
#fdd500 rgb(253,213,0)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d3cba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4da0a Protanopia 1% of men
#ffd38d Deuteranopia 1% of men
#ffcdd7 Tritanopia 0.001% of the population

Trichromacy

#f7d806 Protanomaly 1% of men, 0.01% of women
#fed35a Deuteranomaly 6% of men, 0.4% of women
#fecf89 Tritanomaly 0.01% of the population

#fdd500 hex color

#fdd500 Color Information

#fdd500 Color Conversion

Color Schemes with #fdd500

Alternatives to #fdd500

#fdd500 Preview

Shades and Tints of #fdd500

Tones of #fdd500

Color Blindness Simulator