#ffcd5b hex color

In a RGB color space, hex #ffcd5b is composed of 100% red, 80.4% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 64.3% yellow and 0% black. It has a hue angle of 41.7 degrees, a saturation of 100% and a lightness of 67.8%. #ffcd5b color hex could be obtained by blending #ffffb6 with #ff9b00. Closest websafe color is: #ffcc66.

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

● #ffcd5b color description : Light orange.

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

Hex triplet	ffcd5b	`#ffcd5b`
RGB Decimal	255, 205, 91	`rgb(255,205,91)`
RGB Percent	100, 80.4, 35.7	`rgb(100%,80.4%,35.7%)`
CMYK	0, 20, 64, 0
HSL	41.7°, 100, 67.8	`hsl(41.7,100%,67.8%)`
HSV (or HSB)	41.7°, 64.3, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.833, 5.8, 61.789
XYZ	64.96, 65.681, 19.153
xyY	0.434, 0.438, 65.681
CIE-LCH	84.833, 62.061, 84.638
CIE-LUV	84.833, 40.531, 72.07
Hunter-Lab	81.044, 1.25, 42.719
Binary	11111111, 11001101, 01011011

#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#5b8dff
```
#5b8dff rgb(91,141,255)
```

Complementary Color

#ff7b5b
```
#ff7b5b rgb(255,123,91)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#dfff5b
```
#dfff5b rgb(223,255,91)
```

Analogous Color

#7b5bff
```
#7b5bff rgb(123,91,255)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#5bdfff
```
#5bdfff rgb(91,223,255)
```

Split Complementary Color

#cd5bff
```
#cd5bff rgb(205,91,255)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#5bffcd
```
#5bffcd rgb(91,255,205)
```

Triadic Color

#ff5b8d
```
#ff5b8d rgb(255,91,141)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#5bffcd
```
#5bffcd rgb(91,255,205)
```
#5b8dff
```
#5b8dff rgb(91,141,255)
```

Tetradic Color

#ffb60f
```
#ffb60f rgb(255,182,15)
```
#ffbd28
```
#ffbd28 rgb(255,189,40)
```
#ffc542
```
#ffc542 rgb(255,197,66)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#ffd575
```
#ffd575 rgb(255,213,117)
```
#ffdd8e
```
#ffdd8e rgb(255,221,142)
```
#ffe4a8
```
#ffe4a8 rgb(255,228,168)
```

Monochromatic Color

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

#ffa45b
```
#ffa45b rgb(255,164,91)
```
#ffb25b
```
#ffb25b rgb(255,178,91)
```
#ffbf5b
```
#ffbf5b rgb(255,191,91)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#ffdb5b
```
#ffdb5b rgb(255,219,91)
```
#ffe85b
```
#ffe85b rgb(255,232,91)
```
#fff65b
```
#fff65b rgb(255,246,91)
```

Similar Colors

Text with hexadecimal color #ffcd5b

This text has a font color of #ffcd5b.

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

#ffcd5b background color

This paragraph has a background color of #ffcd5b.

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

#ffcd5b border color

This element has a border color of #ffcd5b.

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

CSS codes

.text {color:#ffcd5b;}

.background {background-color:#ffcd5b;}

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

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, #0d0900 is the darkest color, while #fffdf8 is the lightest one.

#0d0900
```
#0d0900 rgb(13,9,0)
```
#201600
```
#201600 rgb(32,22,0)
```
#342400
```
#342400 rgb(52,36,0)
```
#473200
```
#473200 rgb(71,50,0)
```
#5b3f00
```
#5b3f00 rgb(91,63,0)
```
#6f4d00
```
#6f4d00 rgb(111,77,0)
```
#825b00
```
#825b00 rgb(130,91,0)
```
#966800
```
#966800 rgb(150,104,0)
```
#a97600
```
#a97600 rgb(169,118,0)
```
#bd8300
```
#bd8300 rgb(189,131,0)
```
#d19100
```
#d19100 rgb(209,145,0)
```
#e49f00
```
#e49f00 rgb(228,159,0)
```
#f8ac00
```
#f8ac00 rgb(248,172,0)
```

Shade Color Variation

#ffb50d
```
#ffb50d rgb(255,181,13)
```
#ffbb20
```
#ffbb20 rgb(255,187,32)
```
#ffc134
```
#ffc134 rgb(255,193,52)
```
#ffc747
```
#ffc747 rgb(255,199,71)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```
#ffd36f
```
#ffd36f rgb(255,211,111)
```
#ffd982
```
#ffd982 rgb(255,217,130)
```
#ffdf96
```
#ffdf96 rgb(255,223,150)
```
#ffe5a9
```
#ffe5a9 rgb(255,229,169)
```
#ffebbd
```
#ffebbd rgb(255,235,189)
```
#fff1d1
```
#fff1d1 rgb(255,241,209)
```
#fff7e4
```
#fff7e4 rgb(255,247,228)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#b3afa7
```
#b3afa7 rgb(179,175,167)
```
#bab2a0
```
#bab2a0 rgb(186,178,160)
```
#c0b49a
```
#c0b49a rgb(192,180,154)
```
#c6b794
```
#c6b794 rgb(198,183,148)
```
#cdb98d
```
#cdb98d rgb(205,185,141)
```
#d3bc87
```
#d3bc87 rgb(211,188,135)
```
#d9be81
```
#d9be81 rgb(217,190,129)
```
#dfc17b
```
#dfc17b rgb(223,193,123)
```
#e6c374
```
#e6c374 rgb(230,195,116)
```
#ecc66e
```
#ecc66e rgb(236,198,110)
```
#f2c868
```
#f2c868 rgb(242,200,104)
```
#f9cb61
```
#f9cb61 rgb(249,203,97)
```
#ffcd5b
```
#ffcd5b rgb(255,205,91)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d9cfb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd665 Protanopia 1% of men
#ffce84 Deuteranopia 1% of men
#ffc7d2 Tritanopia 0.001% of the population

Trichromacy

#f3d261 Protanomaly 1% of men, 0.01% of women
#ffcd75 Deuteranomaly 6% of men, 0.4% of women
#ffc9a6 Tritanomaly 0.01% of the population

#ffcd5b hex color

#ffcd5b Color Information

#ffcd5b Color Conversion

Color Schemes with #ffcd5b

Alternatives to #ffcd5b

#ffcd5b Preview

Shades and Tints of #ffcd5b

Tones of #ffcd5b

Color Blindness Simulator