#ffc216 Color Information
In a RGB color space, hex #ffc216 is composed of 100% red, 76.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 91.4% yellow and 0% black. It has a hue angle of 44.3 degrees, a saturation of 100% and a lightness of 54.3%. #ffc216 color hex could be obtained by blending #ffff2c with #ff8500. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 9
-
- C 0
- M 24
- Y 91
- K 0
● #ffc216 color description : Vivid orange.
#ffc216 Color Conversion
The hexadecimal color #ffc216 has RGB values of R:255, G:194, B:22 and CMYK values of C:0, M:0.24, Y:0.91, K:0. Its decimal value is 16761366.
Hex triplet | ffc216 | #ffc216 |
---|---|---|
RGB Decimal | 255, 194, 22 | rgb(255,194,22) |
RGB Percent | 100, 76.1, 8.6 | rgb(100%,76.1%,8.6%) |
CMYK | 0, 24, 91, 0 | |
HSL | 44.3°, 100, 54.3 | hsl(44.3,100%,54.3%) |
HSV (or HSB) | 44.3°, 91.4, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.786, 9.034, 81.071 |
---|---|
XYZ | 60.678, 59.905, 9.126 |
xyY | 0.468, 0.462, 59.905 |
CIE-LCH | 81.786, 81.573, 83.642 |
CIE-LUV | 81.786, 51.206, 83.053 |
Hunter-Lab | 77.398, 4.492, 47.188 |
Binary | 11111111, 11000010, 00010110 |
Color Schemes with #ffc216
Alternatives to #ffc216
Below, you can see some colors close to #ffc216. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc216 Preview
This text has a font color of #ffc216.
<span style="color:#ffc216;">Text here</span>
This paragraph has a background color of #ffc216.
<p style="background-color:#ffc216;">Content here</p>
This element has a border color of #ffc216.
<div style="border:1px solid #ffc216;">Content here</div>
.text {color:#ffc216;}
.background {background-color:#ffc216;}
.border {border:1px solid #ffc216;}
Shades and Tints of #ffc216
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 #fffaee 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)
-
#644a00
#644a00
rgb(100,74,0)
-
#785900
#785900
rgb(120,89,0)
-
#8c6700
#8c6700
rgb(140,103,0)
-
#9f7600
#9f7600
rgb(159,118,0)
-
#b38400
#b38400
rgb(179,132,0)
-
#c79300
#c79300
rgb(199,147,0)
-
#daa100
#daa100
rgb(218,161,0)
-
#eeb000
#eeb000
rgb(238,176,0)
-
#ffbd02
#ffbd02
rgb(255,189,2)
-
#ffc216
#ffc216
rgb(255,194,22)
-
#ffc72a
#ffc72a
rgb(255,199,42)
-
#ffcc3d
#ffcc3d
rgb(255,204,61)
-
#ffd151
#ffd151
rgb(255,209,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)
-
#fff5da
#fff5da
rgb(255,245,218)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #ffc216
A tone is produced by adding gray to any pure hue. In this case, #938f82 is the less saturated color, while #ffc216 is the most saturated one.
-
#938f82
#938f82
rgb(147,143,130)
-
#9c9379
#9c9379
rgb(156,147,121)
-
#a59770
#a59770
rgb(165,151,112)
-
#ae9c67
#ae9c67
rgb(174,156,103)
-
#b7a05e
#b7a05e
rgb(183,160,94)
-
#c0a455
#c0a455
rgb(192,164,85)
-
#c9a84c
#c9a84c
rgb(201,168,76)
-
#d2ad43
#d2ad43
rgb(210,173,67)
-
#dbb13a
#dbb13a
rgb(219,177,58)
-
#e4b531
#e4b531
rgb(228,181,49)
-
#edb928
#edb928
rgb(237,185,40)
-
#f6be1f
#f6be1f
rgb(246,190,31)
-
#ffc216
#ffc216
rgb(255,194,22)
Color Blindness Simulator
Below, you can see how #ffc216 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.