#ffcc80 hex color

In a RGB color space, hex #ffcc80 is composed of 100% red, 80% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 49.8% yellow and 0% black. It has a hue angle of 35.9 degrees, a saturation of 100% and a lightness of 75.1%. #ffcc80 color hex could be obtained by blending #ffffff with #ff9901. Closest websafe color is: #ffcc99.

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

● #ffcc80 color description : Very light orange.

The hexadecimal color #ffcc80 has RGB values of R:255, G:204, B:128 and CMYK values of C:0, M:0.2, Y:0.5, K:0. Its decimal value is 16764032.

Hex triplet	ffcc80	`#ffcc80`
RGB Decimal	255, 204, 128	`rgb(255,204,128)`
RGB Percent	100, 80, 50.2	`rgb(100%,80%,50.2%)`
CMYK	0, 20, 50, 0
HSL	35.9°, 100, 75.1	`hsl(35.9,100%,75.1%)`
HSV (or HSB)	35.9°, 49.8, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	85, 9.044, 44.509
XYZ	66.73, 66.007, 29.647
xyY	0.411, 0.406, 66.007
CIE-LCH	85, 45.418, 78.514
CIE-LUV	85, 38.806, 55.41
Hunter-Lab	81.245, 4.431, 35.236
Binary	11111111, 11001100, 10000000

#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#80b3ff
```
#80b3ff rgb(128,179,255)
```

Complementary Color

#ff8d80
```
#ff8d80 rgb(255,141,128)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#f3ff80
```
#f3ff80 rgb(243,255,128)
```

Analogous Color

#8d80ff
```
#8d80ff rgb(141,128,255)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#80f3ff
```
#80f3ff rgb(128,243,255)
```

Split Complementary Color

#cc80ff
```
#cc80ff rgb(204,128,255)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#80ffcc
```
#80ffcc rgb(128,255,204)
```

Triadic Color

#ff80b3
```
#ff80b3 rgb(255,128,179)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#80ffcc
```
#80ffcc rgb(128,255,204)
```
#80b3ff
```
#80b3ff rgb(128,179,255)
```

Tetradic Color

#ffad34
```
#ffad34 rgb(255,173,52)
```
#ffb84d
```
#ffb84d rgb(255,184,77)
```
#ffc267
```
#ffc267 rgb(255,194,103)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#ffd69a
```
#ffd69a rgb(255,214,154)
```
#ffe0b3
```
#ffe0b3 rgb(255,224,179)
```
#ffebcd
```
#ffebcd rgb(255,235,205)
```

Monochromatic Color

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

#ffac80
```
#ffac80 rgb(255,172,128)
```
#ffb780
```
#ffb780 rgb(255,183,128)
```
#ffc180
```
#ffc180 rgb(255,193,128)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#ffd780
```
#ffd780 rgb(255,215,128)
```
#ffe180
```
#ffe180 rgb(255,225,128)
```
#ffec80
```
#ffec80 rgb(255,236,128)
```

Similar Colors

Text with hexadecimal color #ffcc80

This text has a font color of #ffcc80.

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

#ffcc80 background color

This paragraph has a background color of #ffcc80.

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

#ffcc80 border color

This element has a border color of #ffcc80.

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

CSS codes

.text {color:#ffcc80;}

.background {background-color:#ffcc80;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1e1200
```
#1e1200 rgb(30,18,0)
```
#321e00
```
#321e00 rgb(50,30,0)
```
#452900
```
#452900 rgb(69,41,0)
```
#593500
```
#593500 rgb(89,53,0)
```
#6c4100
```
#6c4100 rgb(108,65,0)
```
#804d00
```
#804d00 rgb(128,77,0)
```
#945800
```
#945800 rgb(148,88,0)
```
#a76400
```
#a76400 rgb(167,100,0)
```
#bb7000
```
#bb7000 rgb(187,112,0)
```
#ce7c00
```
#ce7c00 rgb(206,124,0)
```
#e28700
```
#e28700 rgb(226,135,0)
```
#f69300
```
#f69300 rgb(246,147,0)
```

Shade Color Variation

#ff9d0a
```
#ff9d0a rgb(255,157,10)
```
#ffa51e
```
#ffa51e rgb(255,165,30)
```
#ffac32
```
#ffac32 rgb(255,172,50)
```
#ffb445
```
#ffb445 rgb(255,180,69)
```
#ffbc59
```
#ffbc59 rgb(255,188,89)
```
#ffc46c
```
#ffc46c rgb(255,196,108)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```
#ffd494
```
#ffd494 rgb(255,212,148)
```
#ffdca7
```
#ffdca7 rgb(255,220,167)
```
#ffe4bb
```
#ffe4bb rgb(255,228,187)
```
#ffecce
```
#ffecce rgb(255,236,206)
```
#fff3e2
```
#fff3e2 rgb(255,243,226)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#c4c0bb
```
#c4c0bb rgb(196,192,187)
```
#c9c1b6
```
#c9c1b6 rgb(201,193,182)
```
#cec2b1
```
#cec2b1 rgb(206,194,177)
```
#d3c3ac
```
#d3c3ac rgb(211,195,172)
```
#d8c4a7
```
#d8c4a7 rgb(216,196,167)
```
#ddc5a2
```
#ddc5a2 rgb(221,197,162)
```
#e2c69d
```
#e2c69d rgb(226,198,157)
```
#e7c798
```
#e7c798 rgb(231,199,152)
```
#ebc894
```
#ebc894 rgb(235,200,148)
```
#f0c98f
```
#f0c98f rgb(240,201,143)
```
#f5ca8a
```
#f5ca8a rgb(245,202,138)
```
#facb85
```
#facb85 rgb(250,203,133)
```
#ffcc80
```
#ffcc80 rgb(255,204,128)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dcd2c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d689 Protanopia 1% of men
#ffce8f Deuteranopia 1% of men
#ffc8d3 Tritanopia 0.001% of the population

Trichromacy

#f1d285 Protanomaly 1% of men, 0.01% of women
#ffcd89 Deuteranomaly 6% of men, 0.4% of women
#ffc9b5 Tritanomaly 0.01% of the population

#ffcc80 hex color

#ffcc80 Color Information

#ffcc80 Color Conversion

Color Schemes with #ffcc80

Alternatives to #ffcc80

#ffcc80 Preview

Shades and Tints of #ffcc80

Tones of #ffcc80

Color Blindness Simulator