#ffcd56 hex color

In a RGB color space, hex #ffcd56 is composed of 100% red, 80.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 66.3% yellow and 0% black. It has a hue angle of 42.2 degrees, a saturation of 100% and a lightness of 66.9%. #ffcd56 color hex could be obtained by blending #ffffac with #ff9b00. Closest websafe color is: #ffcc66.

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

● #ffcd56 color description : Light orange.

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

Hex triplet	ffcd56	`#ffcd56`
RGB Decimal	255, 205, 86	`rgb(255,205,86)`
RGB Percent	100, 80.4, 33.7	`rgb(100%,80.4%,33.7%)`
CMYK	0, 20, 66, 0
HSL	42.2°, 100, 66.9	`hsl(42.2,100%,66.9%)`
HSV (or HSB)	42.2°, 66.3, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.791, 5.512, 63.9
XYZ	64.752, 65.597, 18.055
xyY	0.436, 0.442, 65.597
CIE-LCH	84.791, 64.137, 85.07
CIE-LUV	84.791, 40.792, 73.819
Hunter-Lab	80.992, 0.971, 43.478
Binary	11111111, 11001101, 01010110

#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#5688ff
```
#5688ff rgb(86,136,255)
```

Complementary Color

#ff7956
```
#ff7956 rgb(255,121,86)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#ddff56
```
#ddff56 rgb(221,255,86)
```

Analogous Color

#7956ff
```
#7956ff rgb(121,86,255)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#56ddff
```
#56ddff rgb(86,221,255)
```

Split Complementary Color

#cd56ff
```
#cd56ff rgb(205,86,255)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#56ffcd
```
#56ffcd rgb(86,255,205)
```

Triadic Color

#ff5688
```
#ff5688 rgb(255,86,136)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#56ffcd
```
#56ffcd rgb(86,255,205)
```
#5688ff
```
#5688ff rgb(86,136,255)
```

Tetradic Color

#ffb60a
```
#ffb60a rgb(255,182,10)
```
#ffbe23
```
#ffbe23 rgb(255,190,35)
```
#ffc53d
```
#ffc53d rgb(255,197,61)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#ffd570
```
#ffd570 rgb(255,213,112)
```
#ffdc89
```
#ffdc89 rgb(255,220,137)
```
#ffe4a3
```
#ffe4a3 rgb(255,228,163)
```

Monochromatic Color

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

#ffa356
```
#ffa356 rgb(255,163,86)
```
#ffb156
```
#ffb156 rgb(255,177,86)
```
#ffbf56
```
#ffbf56 rgb(255,191,86)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#ffdb56
```
#ffdb56 rgb(255,219,86)
```
#ffe956
```
#ffe956 rgb(255,233,86)
```
#fff756
```
#fff756 rgb(255,247,86)
```

Similar Colors

Text with hexadecimal color #ffcd56

This text has a font color of #ffcd56.

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

#ffcd56 background color

This paragraph has a background color of #ffcd56.

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

#ffcd56 border color

This element has a border color of #ffcd56.

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

CSS codes

.text {color:#ffcd56;}

.background {background-color:#ffcd56;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1b1300
```
#1b1300 rgb(27,19,0)
```
#2f2100
```
#2f2100 rgb(47,33,0)
```
#422f00
```
#422f00 rgb(66,47,0)
```
#563d00
```
#563d00 rgb(86,61,0)
```
#6a4a00
```
#6a4a00 rgb(106,74,0)
```
#7d5800
```
#7d5800 rgb(125,88,0)
```
#916600
```
#916600 rgb(145,102,0)
```
#a47400
```
#a47400 rgb(164,116,0)
```
#b88200
```
#b88200 rgb(184,130,0)
```
#cc8f00
```
#cc8f00 rgb(204,143,0)
```
#df9d00
```
#df9d00 rgb(223,157,0)
```
#f3ab00
```
#f3ab00 rgb(243,171,0)
```

Shade Color Variation

#ffb608
```
#ffb608 rgb(255,182,8)
```
#ffbc1b
```
#ffbc1b rgb(255,188,27)
```
#ffc12f
```
#ffc12f rgb(255,193,47)
```
#ffc742
```
#ffc742 rgb(255,199,66)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```
#ffd36a
```
#ffd36a rgb(255,211,106)
```
#ffd97d
```
#ffd97d rgb(255,217,125)
```
#ffde91
```
#ffde91 rgb(255,222,145)
```
#ffe4a4
```
#ffe4a4 rgb(255,228,164)
```
#ffeab8
```
#ffeab8 rgb(255,234,184)
```
#fff0cc
```
#fff0cc rgb(255,240,204)
```
#fff6df
```
#fff6df rgb(255,246,223)
```
#fffbf3
```
#fffbf3 rgb(255,251,243)
```

Tint Color Variation

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

#b1ada4
```
#b1ada4 rgb(177,173,164)
```
#b8b09e
```
#b8b09e rgb(184,176,158)
```
#beb297
```
#beb297 rgb(190,178,151)
```
#c5b591
```
#c5b591 rgb(197,181,145)
```
#cbb88a
```
#cbb88a rgb(203,184,138)
```
#d2ba84
```
#d2ba84 rgb(210,186,132)
```
#d8bd7d
```
#d8bd7d rgb(216,189,125)
```
#dfc077
```
#dfc077 rgb(223,192,119)
```
#e5c270
```
#e5c270 rgb(229,194,112)
```
#ecc56a
```
#ecc56a rgb(236,197,106)
```
#f2c863
```
#f2c863 rgb(242,200,99)
```
#f9ca5d
```
#f9ca5d rgb(249,202,93)
```
#ffcd56
```
#ffcd56 rgb(255,205,86)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d8ceb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd660 Protanopia 1% of men
#ffce82 Deuteranopia 1% of men
#ffc7d2 Tritanopia 0.001% of the population

Trichromacy

#f3d25c Protanomaly 1% of men, 0.01% of women
#ffcd72 Deuteranomaly 6% of men, 0.4% of women
#ffc9a5 Tritanomaly 0.01% of the population

#ffcd56 hex color

#ffcd56 Color Information

#ffcd56 Color Conversion

Color Schemes with #ffcd56

Alternatives to #ffcd56

#ffcd56 Preview

Shades and Tints of #ffcd56

Tones of #ffcd56

Color Blindness Simulator