#fdd300 hex color

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

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

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

The hexadecimal color #fdd300 has RGB values of R:253, G:211, B:0 and CMYK values of C:0, M:0.17, Y:1, K:0.01. Its decimal value is 16634624.

Hex triplet	fdd300	`#fdd300`
RGB Decimal	253, 211, 0	`rgb(253,211,0)`
RGB Percent	99.2, 82.7, 0	`rgb(99.2%,82.7%,0%)`
CMYK	0, 17, 100, 1
HSL	50°, 100, 49.6	`hsl(50,100%,49.6%)`
HSV (or HSB)	50°, 100, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.743, -0.75, 86.208
XYZ	63.803, 67.474, 9.663
xyY	0.453, 0.479, 67.474
CIE-LCH	85.743, 86.211, 90.499
CIE-LUV	85.743, 36.943, 90.592
Hunter-Lab	82.143, -5.102, 50.525
Binary	11111101, 11010011, 00000000

#fdd300
```
#fdd300 rgb(253,211,0)
```
#002afd
```
#002afd rgb(0,42,253)
```

Complementary Color

#fd5400
```
#fd5400 rgb(253,84,0)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```
#a9fd00
```
#a9fd00 rgb(169,253,0)
```

Analogous Color

#5500fd
```
#5500fd rgb(85,0,253)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```
#00a9fd
```
#00a9fd rgb(0,169,253)
```

Split Complementary Color

#d300fd
```
#d300fd rgb(211,0,253)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```
#00fdd3
```
#00fdd3 rgb(0,253,211)
```

Triadic Color

#fd002a
```
#fd002a rgb(253,0,42)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```
#00fdd3
```
#00fdd3 rgb(0,253,211)
```
#002afd
```
#002afd rgb(0,42,253)
```

Tetradic Color

#b19300
```
#b19300 rgb(177,147,0)
```
#caa800
```
#caa800 rgb(202,168,0)
```
#e4be00
```
#e4be00 rgb(228,190,0)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```
#ffd918
```
#ffd918 rgb(255,217,24)
```
#ffdd31
```
#ffdd31 rgb(255,221,49)
```
#ffe14b
```
#ffe14b rgb(255,225,75)
```

Monochromatic Color

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

#fd9400
```
#fd9400 rgb(253,148,0)
```
#fda900
```
#fda900 rgb(253,169,0)
```
#fdbe00
```
#fdbe00 rgb(253,190,0)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```
#fde800
```
#fde800 rgb(253,232,0)
```
#fdfd00
```
#fdfd00 rgb(253,253,0)
```
#e8fd00
```
#e8fd00 rgb(232,253,0)
```

Similar Colors

Text with hexadecimal color #fdd300

This text has a font color of #fdd300.

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

#fdd300 background color

This paragraph has a background color of #fdd300.

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

#fdd300 border color

This element has a border color of #fdd300.

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

CSS codes

.text {color:#fdd300;}

.background {background-color:#fdd300;}

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

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)
```
#392f00
```
#392f00 rgb(57,47,0)
```
#4c4000
```
#4c4000 rgb(76,64,0)
```
#605000
```
#605000 rgb(96,80,0)
```
#746000
```
#746000 rgb(116,96,0)
```
#877100
```
#877100 rgb(135,113,0)
```
#9b8100
```
#9b8100 rgb(155,129,0)
```
#af9200
```
#af9200 rgb(175,146,0)
```
#c2a200
```
#c2a200 rgb(194,162,0)
```
#d6b200
```
#d6b200 rgb(214,178,0)
```
#e9c300
```
#e9c300 rgb(233,195,0)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```

Shade Color Variation

#ffd812
```
#ffd812 rgb(255,216,18)
```
#ffdb25
```
#ffdb25 rgb(255,219,37)
```
#ffde39
```
#ffde39 rgb(255,222,57)
```
#ffe14c
```
#ffe14c rgb(255,225,76)
```
#ffe560
```
#ffe560 rgb(255,229,96)
```
#ffe874
```
#ffe874 rgb(255,232,116)
```
#ffeb87
```
#ffeb87 rgb(255,235,135)
```
#ffee9b
```
#ffee9b rgb(255,238,155)
```
#fff2af
```
#fff2af rgb(255,242,175)
```
#fff5c2
```
#fff5c2 rgb(255,245,194)
```
#fff8d6
```
#fff8d6 rgb(255,248,214)
```
#fffbe9
```
#fffbe9 rgb(255,251,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 #fdd300 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)
```
#af9f4e
```
#af9f4e rgb(175,159,78)
```
#b9a644
```
#b9a644 rgb(185,166,68)
```
#c3ac3a
```
#c3ac3a rgb(195,172,58)
```
#ccb331
```
#ccb331 rgb(204,179,49)
```
#d6b927
```
#d6b927 rgb(214,185,39)
```
#e0c01d
```
#e0c01d rgb(224,192,29)
```
#eac613
```
#eac613 rgb(234,198,19)
```
#f3cd0a
```
#f3cd0a rgb(243,205,10)
```
#fdd300
```
#fdd300 rgb(253,211,0)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d3caa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d80b Protanopia 1% of men
#ffd188 Deuteranopia 1% of men
#ffcbd5 Tritanopia 0.001% of the population

Trichromacy

#f6d607 Protanomaly 1% of men, 0.01% of women
#fed256 Deuteranomaly 6% of men, 0.4% of women
#fece88 Tritanomaly 0.01% of the population

#fdd300 hex color

#fdd300 Color Information

#fdd300 Color Conversion

Color Schemes with #fdd300

Alternatives to #fdd300

#fdd300 Preview

Shades and Tints of #fdd300

Tones of #fdd300

Color Blindness Simulator