#ffbc20 Color Information
In a RGB color space, hex #ffbc20 is composed of 100% red, 73.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 87.5% yellow and 0% black. It has a hue angle of 42 degrees, a saturation of 100% and a lightness of 56.3%. #ffbc20 color hex could be obtained by blending #ffff40 with #ff7900. Closest websafe color is: #ffcc33.
-
- R 100
- G 74
- B 13
-
- C 0
- M 26
- Y 87
- K 0
● #ffbc20 color description : Vivid orange.
#ffbc20 Color Conversion
The hexadecimal color #ffbc20 has RGB values of R:255, G:188, B:32 and CMYK values of C:0, M:0.26, Y:0.87, K:0. Its decimal value is 16759840.
Hex triplet | ffbc20 | #ffbc20 |
---|---|---|
RGB Decimal | 255, 188, 32 | rgb(255,188,32) |
RGB Percent | 100, 73.7, 12.5 | rgb(100%,73.7%,12.5%) |
CMYK | 0, 26, 87, 0 | |
HSL | 42°, 100, 56.3 | hsl(42,100%,56.3%) |
HSV (or HSB) | 42°, 87.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.367, 12.312, 78.071 |
---|---|
XYZ | 59.485, 57.334, 9.3 |
xyY | 0.472, 0.455, 57.334 |
CIE-LCH | 80.367, 79.036, 81.038 |
CIE-LUV | 80.367, 55.699, 79.738 |
Hunter-Lab | 75.719, 7.721, 45.721 |
Binary | 11111111, 10111100, 00100000 |
Color Schemes with #ffbc20
Alternatives to #ffbc20
Below, you can see some colors close to #ffbc20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbc20 Preview
This text has a font color of #ffbc20.
<span style="color:#ffbc20;">Text here</span>
This paragraph has a background color of #ffbc20.
<p style="background-color:#ffbc20;">Content here</p>
This element has a border color of #ffbc20.
<div style="border:1px solid #ffbc20;">Content here</div>
.text {color:#ffbc20;}
.background {background-color:#ffbc20;}
.border {border:1px solid #ffbc20;}
Shades and Tints of #ffbc20
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, #0c0900 is the darkest color, while #fffdf8 is the lightest one.
-
#0c0900
#0c0900
rgb(12,9,0)
-
#201600
#201600
rgb(32,22,0)
-
#342400
#342400
rgb(52,36,0)
-
#473200
#473200
rgb(71,50,0)
-
#5b4000
#5b4000
rgb(91,64,0)
-
#6e4d00
#6e4d00
rgb(110,77,0)
-
#825b00
#825b00
rgb(130,91,0)
-
#966900
#966900
rgb(150,105,0)
-
#a97600
#a97600
rgb(169,118,0)
-
#bd8400
#bd8400
rgb(189,132,0)
-
#d19200
#d19200
rgb(209,146,0)
-
#e4a000
#e4a000
rgb(228,160,0)
-
#f8ad00
#f8ad00
rgb(248,173,0)
-
#ffb60c
#ffb60c
rgb(255,182,12)
-
#ffbc20
#ffbc20
rgb(255,188,32)
-
#ffc234
#ffc234
rgb(255,194,52)
-
#ffc847
#ffc847
rgb(255,200,71)
-
#ffce5b
#ffce5b
rgb(255,206,91)
-
#ffd46e
#ffd46e
rgb(255,212,110)
-
#ffd982
#ffd982
rgb(255,217,130)
-
#ffdf96
#ffdf96
rgb(255,223,150)
-
#ffe5a9
#ffe5a9
rgb(255,229,169)
-
#ffebbd
#ffebbd
rgb(255,235,189)
-
#fff1d1
#fff1d1
rgb(255,241,209)
-
#fff7e4
#fff7e4
rgb(255,247,228)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #ffbc20
A tone is produced by adding gray to any pure hue. In this case, #989387 is the less saturated color, while #ffbc20 is the most saturated one.
-
#989387
#989387
rgb(152,147,135)
-
#a1967e
#a1967e
rgb(161,150,126)
-
#a99a76
#a99a76
rgb(169,154,118)
-
#b29d6d
#b29d6d
rgb(178,157,109)
-
#baa165
#baa165
rgb(186,161,101)
-
#c3a45c
#c3a45c
rgb(195,164,92)
-
#cca753
#cca753
rgb(204,167,83)
-
#d4ab4b
#d4ab4b
rgb(212,171,75)
-
#ddae42
#ddae42
rgb(221,174,66)
-
#e5b23a
#e5b23a
rgb(229,178,58)
-
#eeb531
#eeb531
rgb(238,181,49)
-
#f6b929
#f6b929
rgb(246,185,41)
-
#ffbc20
#ffbc20
rgb(255,188,32)
Color Blindness Simulator
Below, you can see how #ffbc20 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.