#ffcc5e hex color

In a RGB color space, hex #ffcc5e is composed of 100% red, 80% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 63.1% yellow and 0% black. It has a hue angle of 41 degrees, a saturation of 100% and a lightness of 68.4%. #ffcc5e color hex could be obtained by blending #ffffbc with #ff9900. Closest websafe color is: #ffcc66.

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

● #ffcc5e color description : Light orange.

The hexadecimal color #ffcc5e has RGB values of R:255, G:204, B:94 and CMYK values of C:0, M:0.2, Y:0.63, K:0. Its decimal value is 16763998.

Hex triplet	ffcc5e	`#ffcc5e`
RGB Decimal	255, 204, 94	`rgb(255,204,94)`
RGB Percent	100, 80, 36.9	`rgb(100%,80%,36.9%)`
CMYK	0, 20, 63, 0
HSL	41°, 100, 68.4	`hsl(41,100%,68.4%)`
HSV (or HSB)	41°, 63.1, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.616, 6.497, 60.226
XYZ	64.854, 65.257, 19.769
xyY	0.433, 0.435, 65.257
CIE-LCH	84.616, 60.575, 83.843
CIE-LUV	84.616, 41.084, 70.537
Hunter-Lab	80.782, 1.937, 42.038
Binary	11111111, 11001100, 01011110

#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#5e91ff
```
#5e91ff rgb(94,145,255)
```

Complementary Color

#ff7c5e
```
#ff7c5e rgb(255,124,94)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#e2ff5e
```
#e2ff5e rgb(226,255,94)
```

Analogous Color

#7c5eff
```
#7c5eff rgb(124,94,255)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#5ee2ff
```
#5ee2ff rgb(94,226,255)
```

Split Complementary Color

#cc5eff
```
#cc5eff rgb(204,94,255)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#5effcc
```
#5effcc rgb(94,255,204)
```

Triadic Color

#ff5e91
```
#ff5e91 rgb(255,94,145)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#5effcc
```
#5effcc rgb(94,255,204)
```
#5e91ff
```
#5e91ff rgb(94,145,255)
```

Tetradic Color

#ffb412
```
#ffb412 rgb(255,180,18)
```
#ffbc2b
```
#ffbc2b rgb(255,188,43)
```
#ffc445
```
#ffc445 rgb(255,196,69)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#ffd478
```
#ffd478 rgb(255,212,120)
```
#ffdc91
```
#ffdc91 rgb(255,220,145)
```
#ffe4ab
```
#ffe4ab rgb(255,228,171)
```

Monochromatic Color

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

#ffa45e
```
#ffa45e rgb(255,164,94)
```
#ffb15e
```
#ffb15e rgb(255,177,94)
```
#ffbf5e
```
#ffbf5e rgb(255,191,94)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#ffd95e
```
#ffd95e rgb(255,217,94)
```
#ffe75e
```
#ffe75e rgb(255,231,94)
```
#fff45e
```
#fff45e rgb(255,244,94)
```

Similar Colors

Text with hexadecimal color #ffcc5e

This text has a font color of #ffcc5e.

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

#ffcc5e background color

This paragraph has a background color of #ffcc5e.

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

#ffcc5e border color

This element has a border color of #ffcc5e.

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

CSS codes

.text {color:#ffcc5e;}

.background {background-color:#ffcc5e;}

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

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, #100b00 is the darkest color, while #fffefb is the lightest one.

#100b00
```
#100b00 rgb(16,11,0)
```
#231800
```
#231800 rgb(35,24,0)
```
#372500
```
#372500 rgb(55,37,0)
```
#4a3300
```
#4a3300 rgb(74,51,0)
```
#5e4000
```
#5e4000 rgb(94,64,0)
```
#724e00
```
#724e00 rgb(114,78,0)
```
#855b00
```
#855b00 rgb(133,91,0)
```
#996800
```
#996800 rgb(153,104,0)
```
#ac7600
```
#ac7600 rgb(172,118,0)
```
#c08300
```
#c08300 rgb(192,131,0)
```
#d49100
```
#d49100 rgb(212,145,0)
```
#e79e00
```
#e79e00 rgb(231,158,0)
```
#fbab00
```
#fbab00 rgb(251,171,0)
```

Shade Color Variation

#ffb310
```
#ffb310 rgb(255,179,16)
```
#ffb923
```
#ffb923 rgb(255,185,35)
```
#ffc037
```
#ffc037 rgb(255,192,55)
```
#ffc64a
```
#ffc64a rgb(255,198,74)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#ffd272
```
#ffd272 rgb(255,210,114)
```
#ffd885
```
#ffd885 rgb(255,216,133)
```
#ffdf99
```
#ffdf99 rgb(255,223,153)
```
#ffe5ac
```
#ffe5ac rgb(255,229,172)
```
#ffebc0
```
#ffebc0 rgb(255,235,192)
```
#fff1d4
```
#fff1d4 rgb(255,241,212)
```
#fff7e7
```
#fff7e7 rgb(255,247,231)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#b5b1a8
```
#b5b1a8 rgb(181,177,168)
```
#bbb3a2
```
#bbb3a2 rgb(187,179,162)
```
#c1b59c
```
#c1b59c rgb(193,181,156)
```
#c7b896
```
#c7b896 rgb(199,184,150)
```
#cdba90
```
#cdba90 rgb(205,186,144)
```
#d4bc89
```
#d4bc89 rgb(212,188,137)
```
#dabe83
```
#dabe83 rgb(218,190,131)
```
#e0c17d
```
#e0c17d rgb(224,193,125)
```
#e6c377
```
#e6c377 rgb(230,195,119)
```
#ecc571
```
#ecc571 rgb(236,197,113)
```
#f3c76a
```
#f3c76a rgb(243,199,106)
```
#f9ca64
```
#f9ca64 rgb(249,202,100)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```

Tone Color Variation

Below, you can see how #ffcc5e 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
#d9ceb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd568 Protanopia 1% of men
#ffcd82 Deuteranopia 1% of men
#ffc7d1 Tritanopia 0.001% of the population

Trichromacy

#f2d264 Protanomaly 1% of men, 0.01% of women
#ffcc74 Deuteranomaly 6% of men, 0.4% of women
#ffc8a7 Tritanomaly 0.01% of the population

#ffcc5e hex color

#ffcc5e Color Information

#ffcc5e Color Conversion

Color Schemes with #ffcc5e

Alternatives to #ffcc5e

#ffcc5e Preview

Shades and Tints of #ffcc5e

Tones of #ffcc5e

Color Blindness Simulator