#ffcd30 hex color

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

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

● #ffcd30 color description : Vivid yellow.

The hexadecimal color #ffcd30 has RGB values of R:255, G:205, B:48 and CMYK values of C:0, M:0.2, Y:0.81, K:0. Its decimal value is 16764208.

Hex triplet	ffcd30	`#ffcd30`
RGB Decimal	255, 205, 48	`rgb(255,205,48)`
RGB Percent	100, 80.4, 18.8	`rgb(100%,80.4%,18.8%)`
CMYK	0, 20, 81, 0
HSL	45.5°, 100, 59.4	`hsl(45.5,100%,59.4%)`
HSV (or HSB)	45.5°, 81.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.555, 3.916, 77.431
XYZ	63.606, 65.139, 12.019
xyY	0.452, 0.463, 65.139
CIE-LCH	84.555, 77.53, 87.105
CIE-LUV	84.555, 42.264, 83.681
Hunter-Lab	80.709, -0.566, 47.667
Binary	11111111, 11001101, 00110000

#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#3062ff
```
#3062ff rgb(48,98,255)
```

Complementary Color

#ff6630
```
#ff6630 rgb(255,102,48)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#caff30
```
#caff30 rgb(202,255,48)
```

Analogous Color

#6630ff
```
#6630ff rgb(102,48,255)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#30caff
```
#30caff rgb(48,202,255)
```

Split Complementary Color

#cd30ff
```
#cd30ff rgb(205,48,255)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#30ffcd
```
#30ffcd rgb(48,255,205)
```

Triadic Color

#ff3062
```
#ff3062 rgb(255,48,98)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#30ffcd
```
#30ffcd rgb(48,255,205)
```
#3062ff
```
#3062ff rgb(48,98,255)
```

Tetradic Color

#e3ac00
```
#e3ac00 rgb(227,172,0)
```
#fcbf00
```
#fcbf00 rgb(252,191,0)
```
#ffc717
```
#ffc717 rgb(255,199,23)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#ffd34a
```
#ffd34a rgb(255,211,74)
```
#ffd963
```
#ffd963 rgb(255,217,99)
```
#ffdf7d
```
#ffdf7d rgb(255,223,125)
```

Monochromatic Color

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

#ff9930
```
#ff9930 rgb(255,153,48)
```
#ffab30
```
#ffab30 rgb(255,171,48)
```
#ffbc30
```
#ffbc30 rgb(255,188,48)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#ffde30
```
#ffde30 rgb(255,222,48)
```
#fff030
```
#fff030 rgb(255,240,48)
```
#fdff30
```
#fdff30 rgb(253,255,48)
```

Similar Colors

Text with hexadecimal color #ffcd30

This text has a font color of #ffcd30.

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

#ffcd30 background color

This paragraph has a background color of #ffcd30.

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

#ffcd30 border color

This element has a border color of #ffcd30.

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

CSS codes

.text {color:#ffcd30;}

.background {background-color:#ffcd30;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1c1600
```
#1c1600 rgb(28,22,0)
```
#302400
```
#302400 rgb(48,36,0)
```
#443300
```
#443300 rgb(68,51,0)
```
#574200
```
#574200 rgb(87,66,0)
```
#6b5100
```
#6b5100 rgb(107,81,0)
```
#7e6000
```
#7e6000 rgb(126,96,0)
```
#926f00
```
#926f00 rgb(146,111,0)
```
#a67e00
```
#a67e00 rgb(166,126,0)
```
#b98d00
```
#b98d00 rgb(185,141,0)
```
#cd9b00
```
#cd9b00 rgb(205,155,0)
```
#e1aa00
```
#e1aa00 rgb(225,170,0)
```
#f4b900
```
#f4b900 rgb(244,185,0)
```

Shade Color Variation

#ffc409
```
#ffc409 rgb(255,196,9)
```
#ffc81c
```
#ffc81c rgb(255,200,28)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```
#ffd244
```
#ffd244 rgb(255,210,68)
```
#ffd657
```
#ffd657 rgb(255,214,87)
```
#ffdb6b
```
#ffdb6b rgb(255,219,107)
```
#ffe07e
```
#ffe07e rgb(255,224,126)
```
#ffe592
```
#ffe592 rgb(255,229,146)
```
#ffe9a6
```
#ffe9a6 rgb(255,233,166)
```
#ffeeb9
```
#ffeeb9 rgb(255,238,185)
```
#fff3cd
```
#fff3cd rgb(255,243,205)
```
#fff8e1
```
#fff8e1 rgb(255,248,225)
```
#fffcf4
```
#fffcf4 rgb(255,252,244)
```

Tint Color Variation

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

#9f9c90
```
#9f9c90 rgb(159,156,144)
```
#a7a088
```
#a7a088 rgb(167,160,136)
```
#afa480
```
#afa480 rgb(175,164,128)
```
#b7a878
```
#b7a878 rgb(183,168,120)
```
#bfac70
```
#bfac70 rgb(191,172,112)
```
#c7b068
```
#c7b068 rgb(199,176,104)
```
#cfb460
```
#cfb460 rgb(207,180,96)
```
#d7b858
```
#d7b858 rgb(215,184,88)
```
#dfbd50
```
#dfbd50 rgb(223,189,80)
```
#e7c148
```
#e7c148 rgb(231,193,72)
```
#efc540
```
#efc540 rgb(239,197,64)
```
#f7c938
```
#f7c938 rgb(247,201,56)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d5cbab Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed53c Protanopia 1% of men
#ffcd7a Deuteranopia 1% of men
#ffc6d1 Tritanopia 0.001% of the population

Trichromacy

#f4d237 Protanomaly 1% of men, 0.01% of women
#ffcd5f Deuteranomaly 6% of men, 0.4% of women
#ffc996 Tritanomaly 0.01% of the population

#ffcd30 hex color

#ffcd30 Color Information

#ffcd30 Color Conversion

Color Schemes with #ffcd30

Alternatives to #ffcd30

#ffcd30 Preview

Shades and Tints of #ffcd30

Tones of #ffcd30

Color Blindness Simulator