#fdd30c hex color

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

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

● #fdd30c color description : Vivid yellow.

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

Hex triplet	fdd30c	`#fdd30c`
RGB Decimal	253, 211, 12	`rgb(253,211,12)`
RGB Percent	99.2, 82.7, 4.7	`rgb(99.2%,82.7%,4.7%)`
CMYK	0, 17, 95, 1
HSL	49.5°, 98.4, 52	`hsl(49.5,98.4%,52%)`
HSV (or HSB)	49.5°, 95.3, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.756, -0.656, 85.168
XYZ	63.87, 67.5, 10.013
xyY	0.452, 0.477, 67.5
CIE-LCH	85.756, 85.171, 90.442
CIE-LUV	85.756, 36.864, 90.009
Hunter-Lab	82.159, -5.013, 50.285
Binary	11111101, 11010011, 00001100

#fdd30c
```
#fdd30c rgb(253,211,12)
```
#0c36fd
```
#0c36fd rgb(12,54,253)
```

Complementary Color

#fd5a0c
```
#fd5a0c rgb(253,90,12)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```
#affd0c
```
#affd0c rgb(175,253,12)
```

Analogous Color

#5a0cfd
```
#5a0cfd rgb(90,12,253)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```
#0caffd
```
#0caffd rgb(12,175,253)
```

Split Complementary Color

#d30cfd
```
#d30cfd rgb(211,12,253)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```
#0cfdd3
```
#0cfdd3 rgb(12,253,211)
```

Triadic Color

#fd0c36
```
#fd0c36 rgb(253,12,54)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```
#0cfdd3
```
#0cfdd3 rgb(12,253,211)
```
#0c36fd
```
#0c36fd rgb(12,54,253)
```

Tetradic Color

#bb9b02
```
#bb9b02 rgb(187,155,2)
```
#d4b002
```
#d4b002 rgb(212,176,2)
```
#eec402
```
#eec402 rgb(238,196,2)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```
#fdd825
```
#fdd825 rgb(253,216,37)
```
#fddc3f
```
#fddc3f rgb(253,220,63)
```
#fee158
```
#fee158 rgb(254,225,88)
```

Monochromatic Color

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

#fd970c
```
#fd970c rgb(253,151,12)
```
#fdab0c
```
#fdab0c rgb(253,171,12)
```
#fdbf0c
```
#fdbf0c rgb(253,191,12)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```
#fde70c
```
#fde70c rgb(253,231,12)
```
#fdfb0c
```
#fdfb0c rgb(253,251,12)
```
#ebfd0c
```
#ebfd0c rgb(235,253,12)
```

Similar Colors

Text with hexadecimal color #fdd30c

This text has a font color of #fdd30c.

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

#fdd30c background color

This paragraph has a background color of #fdd30c.

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

#fdd30c border color

This element has a border color of #fdd30c.

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

CSS codes

.text {color:#fdd30c;}

.background {background-color:#fdd30c;}

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

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, #0a0800 is the darkest color, while #fffdf5 is the lightest one.

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1d1800
```
#1d1800 rgb(29,24,0)
```
#312800
```
#312800 rgb(49,40,0)
```
#443801
```
#443801 rgb(68,56,1)
```
#584901
```
#584901 rgb(88,73,1)
```
#6b5901
```
#6b5901 rgb(107,89,1)
```
#7f6901
```
#7f6901 rgb(127,105,1)
```
#927901
```
#927901 rgb(146,121,1)
```
#a68901
```
#a68901 rgb(166,137,1)
```
#b99902
```
#b99902 rgb(185,153,2)
```
#cca902
```
#cca902 rgb(204,169,2)
```
#e0b902
```
#e0b902 rgb(224,185,2)
```
#f3c902
```
#f3c902 rgb(243,201,2)
```

Shade Color Variation

#fdd30c
```
#fdd30c rgb(253,211,12)
```
#fdd71f
```
#fdd71f rgb(253,215,31)
```
#fdda33
```
#fdda33 rgb(253,218,51)
```
#fdde46
```
#fdde46 rgb(253,222,70)
```
#fee15a
```
#fee15a rgb(254,225,90)
```
#fee56d
```
#fee56d rgb(254,229,109)
```
#fee881
```
#fee881 rgb(254,232,129)
```
#feec94
```
#feec94 rgb(254,236,148)
```
#feefa8
```
#feefa8 rgb(254,239,168)
```
#fef3bb
```
#fef3bb rgb(254,243,187)
```
#fff6cf
```
#fff6cf rgb(255,246,207)
```
#fffae2
```
#fffae2 rgb(255,250,226)
```
#fffdf5
```
#fffdf5 rgb(255,253,245)
```

Tint Color Variation

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

#8c897d
```
#8c897d rgb(140,137,125)
```
#958f74
```
#958f74 rgb(149,143,116)
```
#9f966a
```
#9f966a rgb(159,150,106)
```
#a89c61
```
#a89c61 rgb(168,156,97)
```
#b2a257
```
#b2a257 rgb(178,162,87)
```
#bba84e
```
#bba84e rgb(187,168,78)
```
#c4ae45
```
#c4ae45 rgb(196,174,69)
```
#ceb43b
```
#ceb43b rgb(206,180,59)
```
#d7ba32
```
#d7ba32 rgb(215,186,50)
```
#e1c128
```
#e1c128 rgb(225,193,40)
```
#eac71f
```
#eac71f rgb(234,199,31)
```
#f4cd15
```
#f4cd15 rgb(244,205,21)
```
#fdd30c
```
#fdd30c rgb(253,211,12)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#f6d615 Protanomaly 1% of men, 0.01% of women
#fed25b Deuteranomaly 6% of men, 0.4% of women
#fece8c Tritanomaly 0.01% of the population

#fdd30c hex color

#fdd30c Color Information

#fdd30c Color Conversion

Color Schemes with #fdd30c

Alternatives to #fdd30c

#fdd30c Preview

Shades and Tints of #fdd30c

Tones of #fdd30c

Color Blindness Simulator