#ffbc16 Color Information
In a RGB color space, hex #ffbc16 is composed of 100% red, 73.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 91.4% yellow and 0% black. It has a hue angle of 42.7 degrees, a saturation of 100% and a lightness of 54.3%. #ffbc16 color hex could be obtained by blending #ffff2c with #ff7900. Closest websafe color is: #ffcc00.
-
- R 100
- G 74
- B 9
-
- C 0
- M 26
- Y 91
- K 0
● #ffbc16 color description : Vivid orange.
#ffbc16 Color Conversion
The hexadecimal color #ffbc16 has RGB values of R:255, G:188, B:22 and CMYK values of C:0, M:0.26, Y:0.91, K:0. Its decimal value is 16759830.
Hex triplet | ffbc16 | #ffbc16 |
---|---|---|
RGB Decimal | 255, 188, 22 | rgb(255,188,22) |
RGB Percent | 100, 73.7, 8.6 | rgb(100%,73.7%,8.6%) |
CMYK | 0, 26, 91, 0 | |
HSL | 42.7°, 100, 54.3 | hsl(42.7,100%,54.3%) |
HSV (or HSB) | 42.7°, 91.4, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.341, 12.146, 79.997 |
---|---|
XYZ | 59.369, 57.288, 8.69 |
xyY | 0.474, 0.457, 57.288 |
CIE-LCH | 80.341, 80.914, 81.367 |
CIE-LUV | 80.341, 55.902, 80.842 |
Hunter-Lab | 75.689, 7.558, 46.175 |
Binary | 11111111, 10111100, 00010110 |
Color Schemes with #ffbc16
Alternatives to #ffbc16
Below, you can see some colors close to #ffbc16. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbc16 Preview
This text has a font color of #ffbc16.
<span style="color:#ffbc16;">Text here</span>
This paragraph has a background color of #ffbc16.
<p style="background-color:#ffbc16;">Content here</p>
This element has a border color of #ffbc16.
<div style="border:1px solid #ffbc16;">Content here</div>
.text {color:#ffbc16;}
.background {background-color:#ffbc16;}
.border {border:1px solid #ffbc16;}
Shades and Tints of #ffbc16
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)
-
#2a1e00
#2a1e00
rgb(42,30,0)
-
#3d2c00
#3d2c00
rgb(61,44,0)
-
#513a00
#513a00
rgb(81,58,0)
-
#644800
#644800
rgb(100,72,0)
-
#785600
#785600
rgb(120,86,0)
-
#8c6400
#8c6400
rgb(140,100,0)
-
#9f7100
#9f7100
rgb(159,113,0)
-
#b37f00
#b37f00
rgb(179,127,0)
-
#c78d00
#c78d00
rgb(199,141,0)
-
#da9b00
#da9b00
rgb(218,155,0)
-
#eea900
#eea900
rgb(238,169,0)
-
#ffb602
#ffb602
rgb(255,182,2)
-
#ffbc16
#ffbc16
rgb(255,188,22)
-
#ffc22a
#ffc22a
rgb(255,194,42)
-
#ffc73d
#ffc73d
rgb(255,199,61)
-
#ffcd51
#ffcd51
rgb(255,205,81)
-
#ffd364
#ffd364
rgb(255,211,100)
-
#ffd878
#ffd878
rgb(255,216,120)
-
#ffde8c
#ffde8c
rgb(255,222,140)
-
#ffe39f
#ffe39f
rgb(255,227,159)
-
#ffe9b3
#ffe9b3
rgb(255,233,179)
-
#ffefc7
#ffefc7
rgb(255,239,199)
-
#fff4da
#fff4da
rgb(255,244,218)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #ffbc16
A tone is produced by adding gray to any pure hue. In this case, #938e82 is the less saturated color, while #ffbc16 is the most saturated one.
-
#938e82
#938e82
rgb(147,142,130)
-
#9c9279
#9c9279
rgb(156,146,121)
-
#a59670
#a59670
rgb(165,150,112)
-
#ae9a67
#ae9a67
rgb(174,154,103)
-
#b79e5e
#b79e5e
rgb(183,158,94)
-
#c0a155
#c0a155
rgb(192,161,85)
-
#c9a54c
#c9a54c
rgb(201,165,76)
-
#d2a943
#d2a943
rgb(210,169,67)
-
#dbad3a
#dbad3a
rgb(219,173,58)
-
#e4b131
#e4b131
rgb(228,177,49)
-
#edb428
#edb428
rgb(237,180,40)
-
#f6b81f
#f6b81f
rgb(246,184,31)
-
#ffbc16
#ffbc16
rgb(255,188,22)
Color Blindness Simulator
Below, you can see how #ffbc16 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.