#ffcc46 Color Information
In a RGB color space, hex #ffcc46 is composed of 100% red, 80% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 72.5% yellow and 0% black. It has a hue angle of 43.5 degrees, a saturation of 100% and a lightness of 63.7%. #ffcc46 color hex could be obtained by blending #ffff8c with #ff9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 27
-
- C 0
- M 20
- Y 73
- K 0
● #ffcc46 color description : Light orange.
#ffcc46 Color Conversion
The hexadecimal color #ffcc46 has RGB values of R:255, G:204, B:70 and CMYK values of C:0, M:0.2, Y:0.73, K:0. Its decimal value is 16763974.
Hex triplet | ffcc46 | #ffcc46 |
---|---|---|
RGB Decimal | 255, 204, 70 | rgb(255,204,70) |
RGB Percent | 100, 80, 27.5 | rgb(100%,80%,27.5%) |
CMYK | 0, 20, 73, 0 | |
HSL | 43.5°, 100, 63.7 | hsl(43.5,100%,63.7%) |
HSV (or HSB) | 43.5°, 72.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.427, 5.229, 69.969 |
---|---|
XYZ | 63.939, 64.891, 14.952 |
xyY | 0.445, 0.451, 64.891 |
CIE-LCH | 84.427, 70.164, 85.726 |
CIE-LUV | 84.427, 42.256, 78.303 |
Hunter-Lab | 80.555, 0.711, 45.384 |
Binary | 11111111, 11001100, 01000110 |
Color Schemes with #ffcc46
Alternatives to #ffcc46
Below, you can see some colors close to #ffcc46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc46 Preview
This text has a font color of #ffcc46.
<span style="color:#ffcc46;">Text here</span>
This paragraph has a background color of #ffcc46.
<p style="background-color:#ffcc46;">Content here</p>
This element has a border color of #ffcc46.
<div style="border:1px solid #ffcc46;">Content here</div>
.text {color:#ffcc46;}
.background {background-color:#ffcc46;}
.border {border:1px solid #ffcc46;}
Shades and Tints of #ffcc46
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, #0b0800 is the darkest color, while #fffdf7 is the lightest one.
-
#0b0800
#0b0800
rgb(11,8,0)
-
#1f1600
#1f1600
rgb(31,22,0)
-
#322400
#322400
rgb(50,36,0)
-
#463300
#463300
rgb(70,51,0)
-
#5a4100
#5a4100
rgb(90,65,0)
-
#6d4f00
#6d4f00
rgb(109,79,0)
-
#815d00
#815d00
rgb(129,93,0)
-
#946c00
#946c00
rgb(148,108,0)
-
#a87a00
#a87a00
rgb(168,122,0)
-
#bc8800
#bc8800
rgb(188,136,0)
-
#cf9600
#cf9600
rgb(207,150,0)
-
#e3a400
#e3a400
rgb(227,164,0)
-
#f7b300
#f7b300
rgb(247,179,0)
-
#ffbc0b
#ffbc0b
rgb(255,188,11)
-
#ffc11f
#ffc11f
rgb(255,193,31)
-
#ffc732
#ffc732
rgb(255,199,50)
-
#ffcc46
#ffcc46
rgb(255,204,70)
-
#ffd15a
#ffd15a
rgb(255,209,90)
-
#ffd76d
#ffd76d
rgb(255,215,109)
-
#ffdc81
#ffdc81
rgb(255,220,129)
-
#ffe294
#ffe294
rgb(255,226,148)
-
#ffe7a8
#ffe7a8
rgb(255,231,168)
-
#ffecbc
#ffecbc
rgb(255,236,188)
-
#fff2cf
#fff2cf
rgb(255,242,207)
-
#fff7e3
#fff7e3
rgb(255,247,227)
-
#fffdf7
#fffdf7
rgb(255,253,247)
Tones of #ffcc46
A tone is produced by adding gray to any pure hue. In this case, #aaa69b is the less saturated color, while #ffcc46 is the most saturated one.
-
#aaa69b
#aaa69b
rgb(170,166,155)
-
#b1a994
#b1a994
rgb(177,169,148)
-
#b8ac8d
#b8ac8d
rgb(184,172,141)
-
#bfaf86
#bfaf86
rgb(191,175,134)
-
#c6b27f
#c6b27f
rgb(198,178,127)
-
#cdb678
#cdb678
rgb(205,182,120)
-
#d4b971
#d4b971
rgb(212,185,113)
-
#dbbc6a
#dbbc6a
rgb(219,188,106)
-
#e3bf62
#e3bf62
rgb(227,191,98)
-
#eac25b
#eac25b
rgb(234,194,91)
-
#f1c654
#f1c654
rgb(241,198,84)
-
#f8c94d
#f8c94d
rgb(248,201,77)
-
#ffcc46
#ffcc46
rgb(255,204,70)
Color Blindness Simulator
Below, you can see how #ffcc46 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.