#ffcd00 hex color

In a RGB color space, hex #ffcd00 is composed of 100% red, 80.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 100% yellow and 0% black. It has a hue angle of 48.2 degrees, a saturation of 100% and a lightness of 50%. #ffcd00 color hex could be obtained by blending #ffff00 with #ff9b00. Closest websafe color is: #ffcc00.

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

● #ffcd00 color description : Pure (or mostly pure) yellow.

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

Hex triplet	ffcd00	`#ffcd00`
RGB Decimal	255, 205, 0	`rgb(255,205,0)`
RGB Percent	100, 80.4, 0	`rgb(100%,80.4%,0%)`
CMYK	0, 20, 100, 0
HSL	48.2°, 100, 50	`hsl(48.2,100%,50%)`
HSV (or HSB)	48.2°, 100, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	84.445, 3.163, 85.388
XYZ	63.072, 64.926, 9.21
xyY	0.46, 0.473, 64.926
CIE-LCH	84.445, 85.447, 87.878
CIE-LUV	84.445, 42.972, 88.421
Hunter-Lab	80.576, -1.285, 49.627
Binary	11111111, 11001101, 00000000

#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#0032ff
```
#0032ff rgb(0,50,255)
```

Complementary Color

#ff4d00
```
#ff4d00 rgb(255,77,0)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#b2ff00
```
#b2ff00 rgb(178,255,0)
```

Analogous Color

#4e00ff
```
#4e00ff rgb(78,0,255)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#00b2ff
```
#00b2ff rgb(0,178,255)
```

Split Complementary Color

#cd00ff
```
#cd00ff rgb(205,0,255)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#00ffcd
```
#00ffcd rgb(0,255,205)
```

Triadic Color

#ff0032
```
#ff0032 rgb(255,0,50)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#00ffcd
```
#00ffcd rgb(0,255,205)
```
#0032ff
```
#0032ff rgb(0,50,255)
```

Tetradic Color

#b39000
```
#b39000 rgb(179,144,0)
```
#cca400
```
#cca400 rgb(204,164,0)
```
#e6b900
```
#e6b900 rgb(230,185,0)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#ffd21a
```
#ffd21a rgb(255,210,26)
```
#ffd733
```
#ffd733 rgb(255,215,51)
```
#ffdc4d
```
#ffdc4d rgb(255,220,77)
```

Monochromatic Color

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

#ff8d00
```
#ff8d00 rgb(255,141,0)
```
#ffa300
```
#ffa300 rgb(255,163,0)
```
#ffb800
```
#ffb800 rgb(255,184,0)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```
#ffe200
```
#ffe200 rgb(255,226,0)
```
#fff800
```
#fff800 rgb(255,248,0)
```
#f1ff00
```
#f1ff00 rgb(241,255,0)
```

Similar Colors

Text with hexadecimal color #ffcd00

This text has a font color of #ffcd00.

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

#ffcd00 background color

This paragraph has a background color of #ffcd00.

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

#ffcd00 border color

This element has a border color of #ffcd00.

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

CSS codes

.text {color:#ffcd00;}

.background {background-color:#ffcd00;}

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

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

#141000
```
#141000 rgb(20,16,0)
```
#272000
```
#272000 rgb(39,32,0)
```
#3b2f00
```
#3b2f00 rgb(59,47,0)
```
#4e3f00
```
#4e3f00 rgb(78,63,0)
```
#624f00
```
#624f00 rgb(98,79,0)
```
#765f00
```
#765f00 rgb(118,95,0)
```
#896e00
```
#896e00 rgb(137,110,0)
```
#9d7e00
```
#9d7e00 rgb(157,126,0)
```
#b18e00
```
#b18e00 rgb(177,142,0)
```
#c49e00
```
#c49e00 rgb(196,158,0)
```
#d8ad00
```
#d8ad00 rgb(216,173,0)
```
#ebbd00
```
#ebbd00 rgb(235,189,0)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```

Shade Color Variation

#ffd114
```
#ffd114 rgb(255,209,20)
```
#ffd527
```
#ffd527 rgb(255,213,39)
```
#ffd93b
```
#ffd93b rgb(255,217,59)
```
#ffdc4e
```
#ffdc4e rgb(255,220,78)
```
#ffe062
```
#ffe062 rgb(255,224,98)
```
#ffe476
```
#ffe476 rgb(255,228,118)
```
#ffe889
```
#ffe889 rgb(255,232,137)
```
#ffec9d
```
#ffec9d rgb(255,236,157)
```
#fff0b1
```
#fff0b1 rgb(255,240,177)
```
#fff3c4
```
#fff3c4 rgb(255,243,196)
```
#fff7d8
```
#fff7d8 rgb(255,247,216)
```
#fffbeb
```
#fffbeb rgb(255,251,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#898576
```
#898576 rgb(137,133,118)
```
#938b6c
```
#938b6c rgb(147,139,108)
```
#9d9162
```
#9d9162 rgb(157,145,98)
```
#a79758
```
#a79758 rgb(167,151,88)
```
#b19d4e
```
#b19d4e rgb(177,157,78)
```
#baa345
```
#baa345 rgb(186,163,69)
```
#c4a93b
```
#c4a93b rgb(196,169,59)
```
#ceaf31
```
#ceaf31 rgb(206,175,49)
```
#d8b527
```
#d8b527 rgb(216,181,39)
```
#e2bb1d
```
#e2bb1d rgb(226,187,29)
```
#ebc114
```
#ebc114 rgb(235,193,20)
```
#f5c70a
```
#f5c70a rgb(245,199,10)
```
#ffcd00
```
#ffcd00 rgb(255,205,0)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#d1c79e Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd50d Protanopia 1% of men
#ffcd76 Deuteranopia 1% of men
#ffc6d0 Tritanopia 0.001% of the population

Trichromacy

#f4d208 Protanomaly 1% of men, 0.01% of women
#ffcd4b Deuteranomaly 6% of men, 0.4% of women
#ffc884 Tritanomaly 0.01% of the population

#ffcd00 hex color

#ffcd00 Color Information

#ffcd00 Color Conversion

Color Schemes with #ffcd00

Alternatives to #ffcd00

#ffcd00 Preview

Shades and Tints of #ffcd00

Tones of #ffcd00

Color Blindness Simulator