#ffcc80 Color Information
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.
-
- R 100
- G 80
- B 50
-
- C 0
- M 20
- Y 50
- K 0
● #ffcc80 color description : Very light orange.
#ffcc80 Color Conversion
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 |
Color Schemes with #ffcc80
Alternatives to #ffcc80
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.
#ffcc80 Preview
This text has a font color of #ffcc80.
<span style="color:#ffcc80;">Text here</span>
This paragraph has a background color of #ffcc80.
<p style="background-color:#ffcc80;">Content here</p>
This element has a border color of #ffcc80.
<div style="border:1px solid #ffcc80;">Content here</div>
.text {color:#ffcc80;}
.background {background-color:#ffcc80;}
.border {border:1px solid #ffcc80;}
Shades and Tints of #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)
-
#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)
Tones of #ffcc80
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)
Color Blindness Simulator
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.