#fdc30a hex color

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

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

● #fdc30a color description : Vivid yellow.

The hexadecimal color #fdc30a has RGB values of R:253, G:195, B:10 and CMYK values of C:0, M:0.23, Y:0.96, K:0.01. Its decimal value is 16630538.

Hex triplet	fdc30a	`#fdc30a`
RGB Decimal	253, 195, 10	`rgb(253,195,10)`
RGB Percent	99.2, 76.5, 3.9	`rgb(99.2%,76.5%,3.9%)`
CMYK	0, 23, 96, 1
HSL	45.7°, 98.4, 51.6	`hsl(45.7,98.4%,51.6%)`
HSV (or HSB)	45.7°, 96, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.804, 7.535, 82.512
XYZ	60.079, 59.938, 8.692
xyY	0.467, 0.466, 59.938
CIE-LCH	81.804, 82.856, 84.782
CIE-LUV	81.804, 49.005, 84.221
Hunter-Lab	77.42, 3.035, 47.537
Binary	11111101, 11000011, 00001010

#fdc30a
```
#fdc30a rgb(253,195,10)
```
#0a44fd
```
#0a44fd rgb(10,68,253)
```

Complementary Color

#fd4a0a
```
#fd4a0a rgb(253,74,10)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```
#befd0a
```
#befd0a rgb(190,253,10)
```

Analogous Color

#490afd
```
#490afd rgb(73,10,253)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```
#0abefd
```
#0abefd rgb(10,190,253)
```

Split Complementary Color

#c30afd
```
#c30afd rgb(195,10,253)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```
#0afdc3
```
#0afdc3 rgb(10,253,195)
```

Triadic Color

#fd0a44
```
#fd0a44 rgb(253,10,68)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```
#0afdc3
```
#0afdc3 rgb(10,253,195)
```
#0a44fd
```
#0a44fd rgb(10,68,253)
```

Tetradic Color

#b98d02
```
#b98d02 rgb(185,141,2)
```
#d2a102
```
#d2a102 rgb(210,161,2)
```
#ecb402
```
#ecb402 rgb(236,180,2)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```
#fdc923
```
#fdc923 rgb(253,201,35)
```
#fdcf3d
```
#fdcf3d rgb(253,207,61)
```
#fed656
```
#fed656 rgb(254,214,86)
```

Monochromatic Color

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

#fd860a
```
#fd860a rgb(253,134,10)
```
#fd9b0a
```
#fd9b0a rgb(253,155,10)
```
#fdaf0a
```
#fdaf0a rgb(253,175,10)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```
#fdd70a
```
#fdd70a rgb(253,215,10)
```
#fdec0a
```
#fdec0a rgb(253,236,10)
```
#fafd0a
```
#fafd0a rgb(250,253,10)
```

Similar Colors

Text with hexadecimal color #fdc30a

This text has a font color of #fdc30a.

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

#fdc30a background color

This paragraph has a background color of #fdc30a.

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

#fdc30a border color

This element has a border color of #fdc30a.

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

CSS codes

.text {color:#fdc30a;}

.background {background-color:#fdc30a;}

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

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 #fffcf3 is the lightest one.

#080600
```
#080600 rgb(8,6,0)
```
#1b1500
```
#1b1500 rgb(27,21,0)
```
#2f2400
```
#2f2400 rgb(47,36,0)
```
#423301
```
#423301 rgb(66,51,1)
```
#564101
```
#564101 rgb(86,65,1)
```
#695001
```
#695001 rgb(105,80,1)
```
#7d5f01
```
#7d5f01 rgb(125,95,1)
```
#906e01
```
#906e01 rgb(144,110,1)
```
#a47d01
```
#a47d01 rgb(164,125,1)
```
#b78c01
```
#b78c01 rgb(183,140,1)
```
#cb9b02
```
#cb9b02 rgb(203,155,2)
```
#dea902
```
#dea902 rgb(222,169,2)
```
#f1b802
```
#f1b802 rgb(241,184,2)
```

Shade Color Variation

#fdc30a
```
#fdc30a rgb(253,195,10)
```
#fdc81d
```
#fdc81d rgb(253,200,29)
```
#fdcd31
```
#fdcd31 rgb(253,205,49)
```
#fdd144
```
#fdd144 rgb(253,209,68)
```
#fed658
```
#fed658 rgb(254,214,88)
```
#fedb6b
```
#fedb6b rgb(254,219,107)
```
#fee07f
```
#fee07f rgb(254,224,127)
```
#fee492
```
#fee492 rgb(254,228,146)
```
#fee9a6
```
#fee9a6 rgb(254,233,166)
```
#feeeb9
```
#feeeb9 rgb(254,238,185)
```
#fff3cd
```
#fff3cd rgb(255,243,205)
```
#fff7e0
```
#fff7e0 rgb(255,247,224)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

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

#8b877c
```
#8b877c rgb(139,135,124)
```
#958c73
```
#958c73 rgb(149,140,115)
```
#9e9169
```
#9e9169 rgb(158,145,105)
```
#a89660
```
#a89660 rgb(168,150,96)
```
#b19b56
```
#b19b56 rgb(177,155,86)
```
#bba04d
```
#bba04d rgb(187,160,77)
```
#c4a543
```
#c4a543 rgb(196,165,67)
```
#ceaa3a
```
#ceaa3a rgb(206,170,58)
```
#d7af30
```
#d7af30 rgb(215,175,48)
```
#e1b427
```
#e1b427 rgb(225,180,39)
```
#eab91d
```
#eab91d rgb(234,185,29)
```
#f4be14
```
#f4be14 rgb(244,190,20)
```
#fdc30a
```
#fdc30a rgb(253,195,10)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbc09b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#efca14 Protanomaly 1% of men, 0.01% of women
#fec42e Deuteranomaly 6% of men, 0.4% of women
#febe82 Tritanomaly 0.01% of the population

#fdc30a hex color

#fdc30a Color Information

#fdc30a Color Conversion

Color Schemes with #fdc30a

Alternatives to #fdc30a

#fdc30a Preview

Shades and Tints of #fdc30a

Tones of #fdc30a

Color Blindness Simulator