#ffbc01 Color Information
In a RGB color space, hex #ffbc01 is composed of 100% red, 73.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 99.6% yellow and 0% black. It has a hue angle of 44.2 degrees, a saturation of 100% and a lightness of 50.2%. #ffbc01 color hex could be obtained by blending #ffff02 with #ff7900. Closest websafe color is: #ffcc00.
-
- R 100
- G 74
- B 0
-
- C 0
- M 26
- Y 100
- K 0
● #ffbc01 color description : Vivid orange.
#ffbc01 Color Conversion
The hexadecimal color #ffbc01 has RGB values of R:255, G:188, B:1 and CMYK values of C:0, M:0.26, Y:1, K:0. Its decimal value is 16759809.
Hex triplet | ffbc01 | #ffbc01 |
---|---|---|
RGB Decimal | 255, 188, 1 | rgb(255,188,1) |
RGB Percent | 100, 73.7, 0.4 | rgb(100%,73.7%,0.4%) |
CMYK | 0, 26, 100, 0 | |
HSL | 44.2°, 100, 50.2 | hsl(44.2,100%,50.2%) |
HSV (or HSB) | 44.2°, 99.6, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.31, 11.946, 82.438 |
---|---|
XYZ | 59.23, 57.232, 7.956 |
xyY | 0.476, 0.46, 57.232 |
CIE-LCH | 80.31, 83.299, 81.755 |
CIE-LUV | 80.31, 56.148, 82.177 |
Hunter-Lab | 75.652, 7.362, 46.721 |
Binary | 11111111, 10111100, 00000001 |
Color Schemes with #ffbc01
Alternatives to #ffbc01
Below, you can see some colors close to #ffbc01. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbc01 Preview
This text has a font color of #ffbc01.
<span style="color:#ffbc01;">Text here</span>
This paragraph has a background color of #ffbc01.
<p style="background-color:#ffbc01;">Content here</p>
This element has a border color of #ffbc01.
<div style="border:1px solid #ffbc01;">Content here</div>
.text {color:#ffbc01;}
.background {background-color:#ffbc01;}
.border {border:1px solid #ffbc01;}
Shades and Tints of #ffbc01
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, #010100 is the darkest color, while #fffaec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150f00
#150f00
rgb(21,15,0)
-
#281e00
#281e00
rgb(40,30,0)
-
#3c2c00
#3c2c00
rgb(60,44,0)
-
#4f3b00
#4f3b00
rgb(79,59,0)
-
#634900
#634900
rgb(99,73,0)
-
#775700
#775700
rgb(119,87,0)
-
#8a6600
#8a6600
rgb(138,102,0)
-
#9e7400
#9e7400
rgb(158,116,0)
-
#b28300
#b28300
rgb(178,131,0)
-
#c59100
#c59100
rgb(197,145,0)
-
#d9a000
#d9a000
rgb(217,160,0)
-
#ecae00
#ecae00
rgb(236,174,0)
-
#ffbc01
#ffbc01
rgb(255,188,1)
-
#ffc115
#ffc115
rgb(255,193,21)
-
#ffc628
#ffc628
rgb(255,198,40)
-
#ffcc3c
#ffcc3c
rgb(255,204,60)
-
#ffd14f
#ffd14f
rgb(255,209,79)
-
#ffd663
#ffd663
rgb(255,214,99)
-
#ffdb77
#ffdb77
rgb(255,219,119)
-
#ffe08a
#ffe08a
rgb(255,224,138)
-
#ffe59e
#ffe59e
rgb(255,229,158)
-
#ffebb2
#ffebb2
rgb(255,235,178)
-
#fff0c5
#fff0c5
rgb(255,240,197)
-
#fff5d9
#fff5d9
rgb(255,245,217)
-
#fffaec
#fffaec
rgb(255,250,236)
Tones of #ffbc01
A tone is produced by adding gray to any pure hue. In this case, #8a8576 is the less saturated color, while #ffbc01 is the most saturated one.
-
#8a8576
#8a8576
rgb(138,133,118)
-
#94896c
#94896c
rgb(148,137,108)
-
#9d8e63
#9d8e63
rgb(157,142,99)
-
#a79259
#a79259
rgb(167,146,89)
-
#b1974f
#b1974f
rgb(177,151,79)
-
#bb9c45
#bb9c45
rgb(187,156,69)
-
#c4a03c
#c4a03c
rgb(196,160,60)
-
#cea532
#cea532
rgb(206,165,50)
-
#d8aa28
#d8aa28
rgb(216,170,40)
-
#e2ae1e
#e2ae1e
rgb(226,174,30)
-
#ebb315
#ebb315
rgb(235,179,21)
-
#f5b70b
#f5b70b
rgb(245,183,11)
-
#ffbc01
#ffbc01
rgb(255,188,1)
Color Blindness Simulator
Below, you can see how #ffbc01 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.