#ffc316 Color Information
In a RGB color space, hex #ffc316 is composed of 100% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 91.4% yellow and 0% black. It has a hue angle of 44.5 degrees, a saturation of 100% and a lightness of 54.3%. #ffc316 color hex could be obtained by blending #ffff2c with #ff8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 9
-
- C 0
- M 24
- Y 91
- K 0
● #ffc316 color description : Vivid orange.
#ffc316 Color Conversion
The hexadecimal color #ffc316 has RGB values of R:255, G:195, B:22 and CMYK values of C:0, M:0.24, Y:0.91, K:0. Its decimal value is 16761622.
Hex triplet | ffc316 | #ffc316 |
---|---|---|
RGB Decimal | 255, 195, 22 | rgb(255,195,22) |
RGB Percent | 100, 76.5, 8.6 | rgb(100%,76.5%,8.6%) |
CMYK | 0, 24, 91, 0 | |
HSL | 44.5°, 100, 54.3 | hsl(44.5,100%,54.3%) |
HSV (or HSB) | 44.5°, 91.4, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.029, 8.517, 81.252 |
---|---|
XYZ | 60.901, 60.351, 9.2 |
xyY | 0.467, 0.463, 60.351 |
CIE-LCH | 82.029, 81.697, 84.016 |
CIE-LUV | 82.029, 50.43, 83.422 |
Hunter-Lab | 77.686, 3.982, 47.359 |
Binary | 11111111, 11000011, 00010110 |
Color Schemes with #ffc316
Alternatives to #ffc316
Below, you can see some colors close to #ffc316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc316 Preview
This text has a font color of #ffc316.
<span style="color:#ffc316;">Text here</span>
This paragraph has a background color of #ffc316.
<p style="background-color:#ffc316;">Content here</p>
This element has a border color of #ffc316.
<div style="border:1px solid #ffc316;">Content here</div>
.text {color:#ffc316;}
.background {background-color:#ffc316;}
.border {border:1px solid #ffc316;}
Shades and Tints of #ffc316
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, #020200 is the darkest color, while #fffbee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#161000
#161000
rgb(22,16,0)
-
#2a1f00
#2a1f00
rgb(42,31,0)
-
#3d2d00
#3d2d00
rgb(61,45,0)
-
#513c00
#513c00
rgb(81,60,0)
-
#644b00
#644b00
rgb(100,75,0)
-
#785900
#785900
rgb(120,89,0)
-
#8c6800
#8c6800
rgb(140,104,0)
-
#9f7600
#9f7600
rgb(159,118,0)
-
#b38500
#b38500
rgb(179,133,0)
-
#c79300
#c79300
rgb(199,147,0)
-
#daa200
#daa200
rgb(218,162,0)
-
#eeb100
#eeb100
rgb(238,177,0)
-
#ffbe02
#ffbe02
rgb(255,190,2)
-
#ffc316
#ffc316
rgb(255,195,22)
-
#ffc82a
#ffc82a
rgb(255,200,42)
-
#ffcd3d
#ffcd3d
rgb(255,205,61)
-
#ffd251
#ffd251
rgb(255,210,81)
-
#ffd764
#ffd764
rgb(255,215,100)
-
#ffdc78
#ffdc78
rgb(255,220,120)
-
#ffe18c
#ffe18c
rgb(255,225,140)
-
#ffe69f
#ffe69f
rgb(255,230,159)
-
#ffebb3
#ffebb3
rgb(255,235,179)
-
#fff0c7
#fff0c7
rgb(255,240,199)
-
#fff6da
#fff6da
rgb(255,246,218)
-
#fffbee
#fffbee
rgb(255,251,238)
Tones of #ffc316
A tone is produced by adding gray to any pure hue. In this case, #938f82 is the less saturated color, while #ffc316 is the most saturated one.
-
#938f82
#938f82
rgb(147,143,130)
-
#9c9379
#9c9379
rgb(156,147,121)
-
#a59870
#a59870
rgb(165,152,112)
-
#ae9c67
#ae9c67
rgb(174,156,103)
-
#b7a05e
#b7a05e
rgb(183,160,94)
-
#c0a555
#c0a555
rgb(192,165,85)
-
#c9a94c
#c9a94c
rgb(201,169,76)
-
#d2ad43
#d2ad43
rgb(210,173,67)
-
#dbb23a
#dbb23a
rgb(219,178,58)
-
#e4b631
#e4b631
rgb(228,182,49)
-
#edba28
#edba28
rgb(237,186,40)
-
#f6bf1f
#f6bf1f
rgb(246,191,31)
-
#ffc316
#ffc316
rgb(255,195,22)
Color Blindness Simulator
Below, you can see how #ffc316 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.