#fdc30e hex color

In a RGB color space, hex #fdc30e is composed of 99.2% red, 76.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 94.5% yellow and 0.8% black. It has a hue angle of 45.4 degrees, a saturation of 98.4% and a lightness of 52.4%. #fdc30e color hex could be obtained by blending #ffff1c with #fb8700. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 76
- B 5
RGB color chart
- C 0
- M 23
- Y 94
- K 1
CMYK color chart

● #fdc30e color description : Vivid yellow.

The hexadecimal color #fdc30e has RGB values of R:253, G:195, B:14 and CMYK values of C:0, M:0.23, Y:0.94, K:0.01. Its decimal value is 16630542.

Hex triplet	fdc30e	`#fdc30e`
RGB Decimal	253, 195, 14	`rgb(253,195,14)`
RGB Percent	99.2, 76.5, 5.5	`rgb(99.2%,76.5%,5.5%)`
CMYK	0, 23, 94, 1
HSL	45.4°, 98.4, 52.4	`hsl(45.4,98.4%,52.4%)`
HSV (or HSB)	45.4°, 94.5, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.81, 7.571, 82.098
XYZ	60.104, 59.948, 8.821
xyY	0.466, 0.465, 59.948
CIE-LCH	81.81, 82.446, 84.731
CIE-LUV	81.81, 48.967, 83.992
Hunter-Lab	77.426, 3.069, 47.443
Binary	11111101, 11000011, 00001110

#fdc30e
```
#fdc30e rgb(253,195,14)
```
#0e48fd
```
#0e48fd rgb(14,72,253)
```

Complementary Color

#fd4c0e
```
#fd4c0e rgb(253,76,14)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```
#c0fd0e
```
#c0fd0e rgb(192,253,14)
```

Analogous Color

#4c0efd
```
#4c0efd rgb(76,14,253)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```
#0ec0fd
```
#0ec0fd rgb(14,192,253)
```

Split Complementary Color

#c30efd
```
#c30efd rgb(195,14,253)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```
#0efdc3
```
#0efdc3 rgb(14,253,195)
```

Triadic Color

#fd0e48
```
#fd0e48 rgb(253,14,72)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```
#0efdc3
```
#0efdc3 rgb(14,253,195)
```
#0e48fd
```
#0e48fd rgb(14,72,253)
```

Tetradic Color

#bd8f02
```
#bd8f02 rgb(189,143,2)
```
#d6a302
```
#d6a302 rgb(214,163,2)
```
#f0b602
```
#f0b602 rgb(240,182,2)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```
#fdc927
```
#fdc927 rgb(253,201,39)
```
#fdd041
```
#fdd041 rgb(253,208,65)
```
#fed65a
```
#fed65a rgb(254,214,90)
```

Monochromatic Color

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

#fd870e
```
#fd870e rgb(253,135,14)
```
#fd9b0e
```
#fd9b0e rgb(253,155,14)
```
#fdaf0e
```
#fdaf0e rgb(253,175,14)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```
#fdd70e
```
#fdd70e rgb(253,215,14)
```
#fdeb0e
```
#fdeb0e rgb(253,235,14)
```
#fbfd0e
```
#fbfd0e rgb(251,253,14)
```

Similar Colors

Text with hexadecimal color #fdc30e

This text has a font color of #fdc30e.

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

#fdc30e background color

This paragraph has a background color of #fdc30e.

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

#fdc30e border color

This element has a border color of #fdc30e.

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

CSS codes

.text {color:#fdc30e;}

.background {background-color:#fdc30e;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#1f1800
```
#1f1800 rgb(31,24,0)
```
#332700
```
#332700 rgb(51,39,0)
```
#463501
```
#463501 rgb(70,53,1)
```
#5a4401
```
#5a4401 rgb(90,68,1)
```
#6d5301
```
#6d5301 rgb(109,83,1)
```
#816201
```
#816201 rgb(129,98,1)
```
#947001
```
#947001 rgb(148,112,1)
```
#a87f01
```
#a87f01 rgb(168,127,1)
```
#bb8e02
```
#bb8e02 rgb(187,142,2)
```
#ce9d02
```
#ce9d02 rgb(206,157,2)
```
#e2ac02
```
#e2ac02 rgb(226,172,2)
```
#f5ba02
```
#f5ba02 rgb(245,186,2)
```

Shade Color Variation

#fdc30e
```
#fdc30e rgb(253,195,14)
```
#fdc821
```
#fdc821 rgb(253,200,33)
```
#fdcd35
```
#fdcd35 rgb(253,205,53)
```
#fdd248
```
#fdd248 rgb(253,210,72)
```
#fed65c
```
#fed65c rgb(254,214,92)
```
#fedb6f
```
#fedb6f rgb(254,219,111)
```
#fee083
```
#fee083 rgb(254,224,131)
```
#fee596
```
#fee596 rgb(254,229,150)
```
#feeaaa
```
#feeaaa rgb(254,234,170)
```
#feefbd
```
#feefbd rgb(254,239,189)
```
#fff3d1
```
#fff3d1 rgb(255,243,209)
```
#fff8e4
```
#fff8e4 rgb(255,248,228)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#8d897e
```
#8d897e rgb(141,137,126)
```
#968e75
```
#968e75 rgb(150,142,117)
```
#a0936b
```
#a0936b rgb(160,147,107)
```
#a99862
```
#a99862 rgb(169,152,98)
```
#b29d59
```
#b29d59 rgb(178,157,89)
```
#bca14f
```
#bca14f rgb(188,161,79)
```
#c5a646
```
#c5a646 rgb(197,166,70)
```
#ceab3d
```
#ceab3d rgb(206,171,61)
```
#d8b033
```
#d8b033 rgb(216,176,51)
```
#e1b52a
```
#e1b52a rgb(225,181,42)
```
#eab921
```
#eab921 rgb(234,185,33)
```
#f4be17
```
#f4be17 rgb(244,190,23)
```
#fdc30e
```
#fdc30e rgb(253,195,14)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#ccc19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce1d Protanopia 1% of men
#ffc443 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#efca18 Protanomaly 1% of men, 0.01% of women
#fec430 Deuteranomaly 6% of men, 0.4% of women
#febe83 Tritanomaly 0.01% of the population

#fdc30e hex color

#fdc30e Color Information

#fdc30e Color Conversion

Color Schemes with #fdc30e

Alternatives to #fdc30e

#fdc30e Preview

Shades and Tints of #fdc30e

Tones of #fdc30e

Color Blindness Simulator