#ffcc72 Color Information
In a RGB color space, hex #ffcc72 is composed of 100% red, 80% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 55.3% yellow and 0% black. It has a hue angle of 38.3 degrees, a saturation of 100% and a lightness of 72.4%. #ffcc72 color hex could be obtained by blending #ffffe4 with #ff9900. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 45
-
- C 0
- M 20
- Y 55
- K 0
● #ffcc72 color description : Very light orange.
#ffcc72 Color Conversion
The hexadecimal color #ffcc72 has RGB values of R:255, G:204, B:114 and CMYK values of C:0, M:0.2, Y:0.55, K:0. Its decimal value is 16764018.
Hex triplet | ffcc72 | #ffcc72 |
---|---|---|
RGB Decimal | 255, 204, 114 | rgb(255,204,114) |
RGB Percent | 100, 80, 44.7 | rgb(100%,80%,44.7%) |
CMYK | 0, 20, 55, 0 | |
HSL | 38.3°, 100, 72.4 | hsl(38.3,100%,72.4%) |
HSV (or HSB) | 38.3°, 55.3, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.824, 7.886, 51.166 |
---|---|
XYZ | 65.871, 65.663, 25.124 |
xyY | 0.42, 0.419, 65.663 |
CIE-LCH | 84.824, 51.77, 81.238 |
CIE-LUV | 84.824, 39.829, 62.21 |
Hunter-Lab | 81.033, 3.293, 38.341 |
Binary | 11111111, 11001100, 01110010 |
Color Schemes with #ffcc72
Alternatives to #ffcc72
Below, you can see some colors close to #ffcc72. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc72 Preview
This text has a font color of #ffcc72.
<span style="color:#ffcc72;">Text here</span>
This paragraph has a background color of #ffcc72.
<p style="background-color:#ffcc72;">Content here</p>
This element has a border color of #ffcc72.
<div style="border:1px solid #ffcc72;">Content here</div>
.text {color:#ffcc72;}
.background {background-color:#ffcc72;}
.border {border:1px solid #ffcc72;}
Shades and Tints of #ffcc72
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, #100a00 is the darkest color, while #fffefb is the lightest one.
-
#100a00
#100a00
rgb(16,10,0)
-
#241700
#241700
rgb(36,23,0)
-
#372300
#372300
rgb(55,35,0)
-
#4b3000
#4b3000
rgb(75,48,0)
-
#5e3c00
#5e3c00
rgb(94,60,0)
-
#724900
#724900
rgb(114,73,0)
-
#865500
#865500
rgb(134,85,0)
-
#996200
#996200
rgb(153,98,0)
-
#ad6e00
#ad6e00
rgb(173,110,0)
-
#c07b00
#c07b00
rgb(192,123,0)
-
#d48700
#d48700
rgb(212,135,0)
-
#e89400
#e89400
rgb(232,148,0)
-
#fba000
#fba000
rgb(251,160,0)
-
#ffa910
#ffa910
rgb(255,169,16)
-
#ffb024
#ffb024
rgb(255,176,36)
-
#ffb737
#ffb737
rgb(255,183,55)
-
#ffbe4b
#ffbe4b
rgb(255,190,75)
-
#ffc55e
#ffc55e
rgb(255,197,94)
-
#ffcc72
#ffcc72
rgb(255,204,114)
-
#ffd386
#ffd386
rgb(255,211,134)
-
#ffda99
#ffda99
rgb(255,218,153)
-
#ffe1ad
#ffe1ad
rgb(255,225,173)
-
#ffe8c0
#ffe8c0
rgb(255,232,192)
-
#ffefd4
#ffefd4
rgb(255,239,212)
-
#fff7e8
#fff7e8
rgb(255,247,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #ffcc72
A tone is produced by adding gray to any pure hue. In this case, #bebab3 is the less saturated color, while #ffcc72 is the most saturated one.
-
#bebab3
#bebab3
rgb(190,186,179)
-
#c3bcae
#c3bcae
rgb(195,188,174)
-
#c9bda8
#c9bda8
rgb(201,189,168)
-
#cebfa3
#cebfa3
rgb(206,191,163)
-
#d4c09d
#d4c09d
rgb(212,192,157)
-
#d9c298
#d9c298
rgb(217,194,152)
-
#dec393
#dec393
rgb(222,195,147)
-
#e4c58d
#e4c58d
rgb(228,197,141)
-
#e9c688
#e9c688
rgb(233,198,136)
-
#efc882
#efc882
rgb(239,200,130)
-
#f4c97d
#f4c97d
rgb(244,201,125)
-
#facb77
#facb77
rgb(250,203,119)
-
#ffcc72
#ffcc72
rgb(255,204,114)
Color Blindness Simulator
Below, you can see how #ffcc72 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.