#ffbf31 Color Information
In a RGB color space, hex #ffbf31 is composed of 100% red, 74.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 80.8% yellow and 0% black. It has a hue angle of 41.4 degrees, a saturation of 100% and a lightness of 59.6%. #ffbf31 color hex could be obtained by blending #ffff62 with #ff7f00. Closest websafe color is: #ffcc33.
-
- R 100
- G 75
- B 19
-
- C 0
- M 25
- Y 81
- K 0
● #ffbf31 color description : Vivid orange.
#ffbf31 Color Conversion
The hexadecimal color #ffbf31 has RGB values of R:255, G:191, B:49 and CMYK values of C:0, M:0.25, Y:0.81, K:0. Its decimal value is 16760625.
Hex triplet | ffbf31 | #ffbf31 |
---|---|---|
RGB Decimal | 255, 191, 49 | rgb(255,191,49) |
RGB Percent | 100, 74.9, 19.2 | rgb(100%,74.9%,19.2%) |
CMYK | 0, 25, 81, 0 | |
HSL | 41.4°, 100, 59.6 | hsl(41.4,100%,59.6%) |
HSV (or HSB) | 41.4°, 80.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.152, 11.172, 74.18 |
---|---|
XYZ | 60.426, 58.747, 11.062 |
xyY | 0.464, 0.451, 58.747 |
CIE-LCH | 81.152, 75.017, 81.435 |
CIE-LUV | 81.152, 52.866, 78.115 |
Hunter-Lab | 76.646, 6.594, 45.095 |
Binary | 11111111, 10111111, 00110001 |
Color Schemes with #ffbf31
Alternatives to #ffbf31
Below, you can see some colors close to #ffbf31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbf31 Preview
This text has a font color of #ffbf31.
<span style="color:#ffbf31;">Text here</span>
This paragraph has a background color of #ffbf31.
<p style="background-color:#ffbf31;">Content here</p>
This element has a border color of #ffbf31.
<div style="border:1px solid #ffbf31;">Content here</div>
.text {color:#ffbf31;}
.background {background-color:#ffbf31;}
.border {border:1px solid #ffbf31;}
Shades and Tints of #ffbf31
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)
-
#312200
#312200
rgb(49,34,0)
-
#452f00
#452f00
rgb(69,47,0)
-
#583d00
#583d00
rgb(88,61,0)
-
#6c4a00
#6c4a00
rgb(108,74,0)
-
#7f5800
#7f5800
rgb(127,88,0)
-
#936500
#936500
rgb(147,101,0)
-
#a77300
#a77300
rgb(167,115,0)
-
#ba8000
#ba8000
rgb(186,128,0)
-
#ce8e00
#ce8e00
rgb(206,142,0)
-
#e29b00
#e29b00
rgb(226,155,0)
-
#f5a900
#f5a900
rgb(245,169,0)
-
#ffb30a
#ffb30a
rgb(255,179,10)
-
#ffb91d
#ffb91d
rgb(255,185,29)
-
#ffbf31
#ffbf31
rgb(255,191,49)
-
#ffc545
#ffc545
rgb(255,197,69)
-
#ffcb58
#ffcb58
rgb(255,203,88)
-
#ffd16c
#ffd16c
rgb(255,209,108)
-
#ffd77f
#ffd77f
rgb(255,215,127)
-
#ffdd93
#ffdd93
rgb(255,221,147)
-
#ffe4a7
#ffe4a7
rgb(255,228,167)
-
#ffeaba
#ffeaba
rgb(255,234,186)
-
#fff0ce
#fff0ce
rgb(255,240,206)
-
#fff6e2
#fff6e2
rgb(255,246,226)
-
#fffcf5
#fffcf5
rgb(255,252,245)
Tones of #ffbf31
A tone is produced by adding gray to any pure hue. In this case, #a09b90 is the less saturated color, while #ffbf31 is the most saturated one.
-
#a09b90
#a09b90
rgb(160,155,144)
-
#a89e88
#a89e88
rgb(168,158,136)
-
#b0a180
#b0a180
rgb(176,161,128)
-
#b8a478
#b8a478
rgb(184,164,120)
-
#c0a770
#c0a770
rgb(192,167,112)
-
#c8aa68
#c8aa68
rgb(200,170,104)
-
#cfad61
#cfad61
rgb(207,173,97)
-
#d7b059
#d7b059
rgb(215,176,89)
-
#dfb351
#dfb351
rgb(223,179,81)
-
#e7b649
#e7b649
rgb(231,182,73)
-
#efb941
#efb941
rgb(239,185,65)
-
#f7bc39
#f7bc39
rgb(247,188,57)
-
#ffbf31
#ffbf31
rgb(255,191,49)
Color Blindness Simulator
Below, you can see how #ffbf31 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.