#ffdc30 hex color

In a RGB color space, hex #ffdc30 is composed of 100% red, 86.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 81.2% yellow and 0% black. It has a hue angle of 49.9 degrees, a saturation of 100% and a lightness of 59.4%. #ffdc30 color hex could be obtained by blending #ffff60 with #ffb900. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 86
- B 19
RGB color chart
- C 0
- M 14
- Y 81
- K 0
CMYK color chart

● #ffdc30 color description : Vivid yellow.

The hexadecimal color #ffdc30 has RGB values of R:255, G:220, B:48 and CMYK values of C:0, M:0.14, Y:0.81, K:0. Its decimal value is 16768048.

Hex triplet	ffdc30	`#ffdc30`
RGB Decimal	255, 220, 48	`rgb(255,220,48)`
RGB Percent	100, 86.3, 18.8	`rgb(100%,86.3%,18.8%)`
CMYK	0, 14, 81, 0
HSL	49.9°, 100, 59.4	`hsl(49.9,100%,59.4%)`
HSV (or HSB)	49.9°, 81.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.286, -3.71, 80.637
XYZ	67.367, 72.662, 13.273
xyY	0.439, 0.474, 72.662
CIE-LCH	88.286, 80.723, 92.634
CIE-LUV	88.286, 31.285, 89.455
Hunter-Lab	85.242, -8.104, 50.438
Binary	11111111, 11011100, 00110000

#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#3053ff
```
#3053ff rgb(48,83,255)
```

Complementary Color

#ff7530
```
#ff7530 rgb(255,117,48)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#bbff30
```
#bbff30 rgb(187,255,48)
```

Analogous Color

#7530ff
```
#7530ff rgb(117,48,255)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#30bbff
```
#30bbff rgb(48,187,255)
```

Split Complementary Color

#dc30ff
```
#dc30ff rgb(220,48,255)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#30ffdc
```
#30ffdc rgb(48,255,220)
```

Triadic Color

#ff3053
```
#ff3053 rgb(255,48,83)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#30ffdc
```
#30ffdc rgb(48,255,220)
```
#3053ff
```
#3053ff rgb(48,83,255)
```

Tetradic Color

#e3bc00
```
#e3bc00 rgb(227,188,0)
```
#fcd100
```
#fcd100 rgb(252,209,0)
```
#ffd817
```
#ffd817 rgb(255,216,23)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#ffe04a
```
#ffe04a rgb(255,224,74)
```
#ffe563
```
#ffe563 rgb(255,229,99)
```
#ffe97d
```
#ffe97d rgb(255,233,125)
```

Monochromatic Color

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

#ffa830
```
#ffa830 rgb(255,168,48)
```
#ffba30
```
#ffba30 rgb(255,186,48)
```
#ffcb30
```
#ffcb30 rgb(255,203,48)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#ffff30
```
#ffff30 rgb(255,255,48)
```
#eeff30
```
#eeff30 rgb(238,255,48)
```

Similar Colors

Text with hexadecimal color #ffdc30

This text has a font color of #ffdc30.

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

#ffdc30 background color

This paragraph has a background color of #ffdc30.

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

#ffdc30 border color

This element has a border color of #ffdc30.

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

CSS codes

.text {color:#ffdc30;}

.background {background-color:#ffdc30;}

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

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, #090700 is the darkest color, while #fffdf4 is the lightest one.

#090700
```
#090700 rgb(9,7,0)
```
#1c1800
```
#1c1800 rgb(28,24,0)
```
#302800
```
#302800 rgb(48,40,0)
```
#443800
```
#443800 rgb(68,56,0)
```
#574800
```
#574800 rgb(87,72,0)
```
#6b5900
```
#6b5900 rgb(107,89,0)
```
#7e6900
```
#7e6900 rgb(126,105,0)
```
#927900
```
#927900 rgb(146,121,0)
```
#a68a00
```
#a68a00 rgb(166,138,0)
```
#b99a00
```
#b99a00 rgb(185,154,0)
```
#cdaa00
```
#cdaa00 rgb(205,170,0)
```
#e1bb00
```
#e1bb00 rgb(225,187,0)
```
#f4cb00
```
#f4cb00 rgb(244,203,0)
```

Shade Color Variation

#ffd509
```
#ffd509 rgb(255,213,9)
```
#ffd91c
```
#ffd91c rgb(255,217,28)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#ffdf44
```
#ffdf44 rgb(255,223,68)
```
#ffe357
```
#ffe357 rgb(255,227,87)
```
#ffe66b
```
#ffe66b rgb(255,230,107)
```
#ffe97e
```
#ffe97e rgb(255,233,126)
```
#ffed92
```
#ffed92 rgb(255,237,146)
```
#fff0a6
```
#fff0a6 rgb(255,240,166)
```
#fff3b9
```
#fff3b9 rgb(255,243,185)
```
#fff7cd
```
#fff7cd rgb(255,247,205)
```
#fffae1
```
#fffae1 rgb(255,250,225)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#9f9d90
```
#9f9d90 rgb(159,157,144)
```
#a7a288
```
#a7a288 rgb(167,162,136)
```
#afa780
```
#afa780 rgb(175,167,128)
```
#b7ad78
```
#b7ad78 rgb(183,173,120)
```
#bfb270
```
#bfb270 rgb(191,178,112)
```
#c7b768
```
#c7b768 rgb(199,183,104)
```
#cfbc60
```
#cfbc60 rgb(207,188,96)
```
#d7c258
```
#d7c258 rgb(215,194,88)
```
#dfc750
```
#dfc750 rgb(223,199,80)
```
#e7cc48
```
#e7cc48 rgb(231,204,72)
```
#efd140
```
#efd140 rgb(239,209,64)
```
#f7d738
```
#f7d738 rgb(247,215,56)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dcd5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df3b Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#ffd4de Tritanopia 0.001% of the population

Trichromacy

#fbde37 Protanomaly 1% of men, 0.01% of women
#ffda7a Deuteranomaly 6% of men, 0.4% of women
#ffd79e Tritanomaly 0.01% of the population

#ffdc30 hex color

#ffdc30 Color Information

#ffdc30 Color Conversion

Color Schemes with #ffdc30

Alternatives to #ffdc30

#ffdc30 Preview

Shades and Tints of #ffdc30

Tones of #ffdc30

Color Blindness Simulator