#ffbd31 Color Information
In a RGB color space, hex #ffbd31 is composed of 100% red, 74.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 80.8% yellow and 0% black. It has a hue angle of 40.8 degrees, a saturation of 100% and a lightness of 59.6%. #ffbd31 color hex could be obtained by blending #ffff62 with #ff7b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 74
- B 19
-
- C 0
- M 26
- Y 81
- K 0
● #ffbd31 color description : Vivid orange.
#ffbd31 Color Conversion
The hexadecimal color #ffbd31 has RGB values of R:255, G:189, B:49 and CMYK values of C:0, M:0.26, Y:0.81, K:0. Its decimal value is 16760113.
Hex triplet | ffbd31 | #ffbd31 |
---|---|---|
RGB Decimal | 255, 189, 49 | rgb(255,189,49) |
RGB Percent | 100, 74.1, 19.2 | rgb(100%,74.1%,19.2%) |
CMYK | 0, 26, 81, 0 | |
HSL | 40.8°, 100, 59.6 | hsl(40.8,100%,59.6%) |
HSV (or HSB) | 40.8°, 80.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.672, 12.211, 73.76 |
---|---|
XYZ | 59.993, 57.88, 10.918 |
xyY | 0.466, 0.449, 57.88 |
CIE-LCH | 80.672, 74.764, 80.6 |
CIE-LUV | 80.672, 54.413, 77.349 |
Hunter-Lab | 76.079, 7.62, 44.747 |
Binary | 11111111, 10111101, 00110001 |
Color Schemes with #ffbd31
Alternatives to #ffbd31
Below, you can see some colors close to #ffbd31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd31 Preview
This text has a font color of #ffbd31.
<span style="color:#ffbd31;">Text here</span>
This paragraph has a background color of #ffbd31.
<p style="background-color:#ffbd31;">Content here</p>
This element has a border color of #ffbd31.
<div style="border:1px solid #ffbd31;">Content here</div>
.text {color:#ffbd31;}
.background {background-color:#ffbd31;}
.border {border:1px solid #ffbd31;}
Shades and Tints of #ffbd31
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)
-
#452f00
#452f00
rgb(69,47,0)
-
#583c00
#583c00
rgb(88,60,0)
-
#6c4900
#6c4900
rgb(108,73,0)
-
#7f5700
#7f5700
rgb(127,87,0)
-
#936400
#936400
rgb(147,100,0)
-
#a77100
#a77100
rgb(167,113,0)
-
#ba7f00
#ba7f00
rgb(186,127,0)
-
#ce8c00
#ce8c00
rgb(206,140,0)
-
#e29900
#e29900
rgb(226,153,0)
-
#f5a700
#f5a700
rgb(245,167,0)
-
#ffb00a
#ffb00a
rgb(255,176,10)
-
#ffb71d
#ffb71d
rgb(255,183,29)
-
#ffbd31
#ffbd31
rgb(255,189,49)
-
#ffc345
#ffc345
rgb(255,195,69)
-
#ffca58
#ffca58
rgb(255,202,88)
-
#ffd06c
#ffd06c
rgb(255,208,108)
-
#ffd67f
#ffd67f
rgb(255,214,127)
-
#ffdc93
#ffdc93
rgb(255,220,147)
-
#ffe3a7
#ffe3a7
rgb(255,227,167)
-
#ffe9ba
#ffe9ba
rgb(255,233,186)
-
#ffefce
#ffefce
rgb(255,239,206)
-
#fff6e2
#fff6e2
rgb(255,246,226)
-
#fffcf5
#fffcf5
rgb(255,252,245)
Tones of #ffbd31
A tone is produced by adding gray to any pure hue. In this case, #a09b90 is the less saturated color, while #ffbd31 is the most saturated one.
-
#a09b90
#a09b90
rgb(160,155,144)
-
#a89e88
#a89e88
rgb(168,158,136)
-
#b0a180
#b0a180
rgb(176,161,128)
-
#b8a378
#b8a378
rgb(184,163,120)
-
#c0a670
#c0a670
rgb(192,166,112)
-
#c8a968
#c8a968
rgb(200,169,104)
-
#cfac61
#cfac61
rgb(207,172,97)
-
#d7af59
#d7af59
rgb(215,175,89)
-
#dfb251
#dfb251
rgb(223,178,81)
-
#e7b449
#e7b449
rgb(231,180,73)
-
#efb741
#efb741
rgb(239,183,65)
-
#f7ba39
#f7ba39
rgb(247,186,57)
-
#ffbd31
#ffbd31
rgb(255,189,49)
Color Blindness Simulator
Below, you can see how #ffbd31 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.