#ffbe31 Color Information
In a RGB color space, hex #ffbe31 is composed of 100% red, 74.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 80.8% yellow and 0% black. It has a hue angle of 41.1 degrees, a saturation of 100% and a lightness of 59.6%. #ffbe31 color hex could be obtained by blending #ffff62 with #ff7d00. Closest websafe color is: #ffcc33.
-
- R 100
- G 75
- B 19
-
- C 0
- M 25
- Y 81
- K 0
● #ffbe31 color description : Vivid orange.
#ffbe31 Color Conversion
The hexadecimal color #ffbe31 has RGB values of R:255, G:190, B:49 and CMYK values of C:0, M:0.25, Y:0.81, K:0. Its decimal value is 16760369.
Hex triplet | ffbe31 | #ffbe31 |
---|---|---|
RGB Decimal | 255, 190, 49 | rgb(255,190,49) |
RGB Percent | 100, 74.5, 19.2 | rgb(100%,74.5%,19.2%) |
CMYK | 0, 25, 81, 0 | |
HSL | 41.1°, 100, 59.6 | hsl(41.1,100%,59.6%) |
HSV (or HSB) | 41.1°, 80.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.912, 11.692, 73.97 |
---|---|
XYZ | 60.209, 58.312, 10.99 |
xyY | 0.465, 0.45, 58.312 |
CIE-LCH | 80.912, 74.888, 81.018 |
CIE-LUV | 80.912, 53.638, 77.732 |
Hunter-Lab | 76.362, 7.107, 44.921 |
Binary | 11111111, 10111110, 00110001 |
Color Schemes with #ffbe31
Alternatives to #ffbe31
Below, you can see some colors close to #ffbe31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbe31 Preview
This text has a font color of #ffbe31.
<span style="color:#ffbe31;">Text here</span>
This paragraph has a background color of #ffbe31.
<p style="background-color:#ffbe31;">Content here</p>
This element has a border color of #ffbe31.
<div style="border:1px solid #ffbe31;">Content here</div>
.text {color:#ffbe31;}
.background {background-color:#ffbe31;}
.border {border:1px solid #ffbe31;}
Shades and Tints of #ffbe31
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)
-
#583c00
#583c00
rgb(88,60,0)
-
#6c4a00
#6c4a00
rgb(108,74,0)
-
#7f5700
#7f5700
rgb(127,87,0)
-
#936500
#936500
rgb(147,101,0)
-
#a77200
#a77200
rgb(167,114,0)
-
#ba8000
#ba8000
rgb(186,128,0)
-
#ce8d00
#ce8d00
rgb(206,141,0)
-
#e29a00
#e29a00
rgb(226,154,0)
-
#f5a800
#f5a800
rgb(245,168,0)
-
#ffb20a
#ffb20a
rgb(255,178,10)
-
#ffb81d
#ffb81d
rgb(255,184,29)
-
#ffbe31
#ffbe31
rgb(255,190,49)
-
#ffc445
#ffc445
rgb(255,196,69)
-
#ffca58
#ffca58
rgb(255,202,88)
-
#ffd16c
#ffd16c
rgb(255,209,108)
-
#ffd77f
#ffd77f
rgb(255,215,127)
-
#ffdd93
#ffdd93
rgb(255,221,147)
-
#ffe3a7
#ffe3a7
rgb(255,227,167)
-
#ffe9ba
#ffe9ba
rgb(255,233,186)
-
#fff0ce
#fff0ce
rgb(255,240,206)
-
#fff6e2
#fff6e2
rgb(255,246,226)
-
#fffcf5
#fffcf5
rgb(255,252,245)
Tones of #ffbe31
A tone is produced by adding gray to any pure hue. In this case, #a09b90 is the less saturated color, while #ffbe31 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)
-
#cfac61
#cfac61
rgb(207,172,97)
-
#d7af59
#d7af59
rgb(215,175,89)
-
#dfb251
#dfb251
rgb(223,178,81)
-
#e7b549
#e7b549
rgb(231,181,73)
-
#efb841
#efb841
rgb(239,184,65)
-
#f7bb39
#f7bb39
rgb(247,187,57)
-
#ffbe31
#ffbe31
rgb(255,190,49)
Color Blindness Simulator
Below, you can see how #ffbe31 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.