#ffbc31 Color Information
In a RGB color space, hex #ffbc31 is composed of 100% red, 73.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 80.8% yellow and 0% black. It has a hue angle of 40.5 degrees, a saturation of 100% and a lightness of 59.6%. #ffbc31 color hex could be obtained by blending #ffff62 with #ff7900. Closest websafe color is: #ffcc33.
-
- R 100
- G 74
- B 19
-
- C 0
- M 26
- Y 81
- K 0
● #ffbc31 color description : Vivid orange.
#ffbc31 Color Conversion
The hexadecimal color #ffbc31 has RGB values of R:255, G:188, B:49 and CMYK values of C:0, M:0.26, Y:0.81, K:0. Its decimal value is 16759857.
Hex triplet | ffbc31 | #ffbc31 |
---|---|---|
RGB Decimal | 255, 188, 49 | rgb(255,188,49) |
RGB Percent | 100, 73.7, 19.2 | rgb(100%,73.7%,19.2%) |
CMYK | 0, 26, 81, 0 | |
HSL | 40.5°, 100, 59.6 | hsl(40.5,100%,59.6%) |
HSV (or HSB) | 40.5°, 80.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.433, 12.731, 73.551 |
---|---|
XYZ | 59.779, 57.452, 10.846 |
xyY | 0.467, 0.449, 57.452 |
CIE-LCH | 80.433, 74.645, 80.18 |
CIE-LUV | 80.433, 55.189, 76.966 |
Hunter-Lab | 75.797, 8.133, 44.573 |
Binary | 11111111, 10111100, 00110001 |
Color Schemes with #ffbc31
Alternatives to #ffbc31
Below, you can see some colors close to #ffbc31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbc31 Preview
This text has a font color of #ffbc31.
<span style="color:#ffbc31;">Text here</span>
This paragraph has a background color of #ffbc31.
<p style="background-color:#ffbc31;">Content here</p>
This element has a border color of #ffbc31.
<div style="border:1px solid #ffbc31;">Content here</div>
.text {color:#ffbc31;}
.background {background-color:#ffbc31;}
.border {border:1px solid #ffbc31;}
Shades and Tints of #ffbc31
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, #0a0700 is the darkest color, while #fffcf5 is the lightest one.
-
#0a0700
#0a0700
rgb(10,7,0)
-
#1d1400
#1d1400
rgb(29,20,0)
-
#312100
#312100
rgb(49,33,0)
-
#452e00
#452e00
rgb(69,46,0)
-
#583c00
#583c00
rgb(88,60,0)
-
#6c4900
#6c4900
rgb(108,73,0)
-
#7f5600
#7f5600
rgb(127,86,0)
-
#936300
#936300
rgb(147,99,0)
-
#a77000
#a77000
rgb(167,112,0)
-
#ba7e00
#ba7e00
rgb(186,126,0)
-
#ce8b00
#ce8b00
rgb(206,139,0)
-
#e29800
#e29800
rgb(226,152,0)
-
#f5a500
#f5a500
rgb(245,165,0)
-
#ffaf0a
#ffaf0a
rgb(255,175,10)
-
#ffb61d
#ffb61d
rgb(255,182,29)
-
#ffbc31
#ffbc31
rgb(255,188,49)
-
#ffc245
#ffc245
rgb(255,194,69)
-
#ffc958
#ffc958
rgb(255,201,88)
-
#ffcf6c
#ffcf6c
rgb(255,207,108)
-
#ffd67f
#ffd67f
rgb(255,214,127)
-
#ffdc93
#ffdc93
rgb(255,220,147)
-
#ffe2a7
#ffe2a7
rgb(255,226,167)
-
#ffe9ba
#ffe9ba
rgb(255,233,186)
-
#ffefce
#ffefce
rgb(255,239,206)
-
#fff5e2
#fff5e2
rgb(255,245,226)
-
#fffcf5
#fffcf5
rgb(255,252,245)
Tones of #ffbc31
A tone is produced by adding gray to any pure hue. In this case, #a09b90 is the less saturated color, while #ffbc31 is the most saturated one.
-
#a09b90
#a09b90
rgb(160,155,144)
-
#a89e88
#a89e88
rgb(168,158,136)
-
#b0a080
#b0a080
rgb(176,160,128)
-
#b8a378
#b8a378
rgb(184,163,120)
-
#c0a670
#c0a670
rgb(192,166,112)
-
#c8a968
#c8a968
rgb(200,169,104)
-
#cfab61
#cfab61
rgb(207,171,97)
-
#d7ae59
#d7ae59
rgb(215,174,89)
-
#dfb151
#dfb151
rgb(223,177,81)
-
#e7b449
#e7b449
rgb(231,180,73)
-
#efb641
#efb641
rgb(239,182,65)
-
#f7b939
#f7b939
rgb(247,185,57)
-
#ffbc31
#ffbc31
rgb(255,188,49)
Color Blindness Simulator
Below, you can see how #ffbc31 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.