#ff8a31 Color Information
In a RGB color space, hex #ff8a31 is composed of 100% red, 54.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 80.8% yellow and 0% black. It has a hue angle of 25.9 degrees, a saturation of 100% and a lightness of 59.6%. #ff8a31 color hex could be obtained by blending #ffff62 with #ff1500. Closest websafe color is: #ff9933.
-
- R 100
- G 54
- B 19
-
- C 0
- M 46
- Y 81
- K 0
● #ff8a31 color description : Vivid orange.
#ff8a31 Color Conversion
The hexadecimal color #ff8a31 has RGB values of R:255, G:138, B:49 and CMYK values of C:0, M:0.46, Y:0.81, K:0. Its decimal value is 16747057.
Hex triplet | ff8a31 | #ff8a31 |
---|---|---|
RGB Decimal | 255, 138, 49 | rgb(255,138,49) |
RGB Percent | 100, 54.1, 19.2 | rgb(100%,54.1%,19.2%) |
CMYK | 0, 46, 81, 0 | |
HSL | 25.9°, 100, 59.6 | hsl(25.9,100%,59.6%) |
HSV (or HSB) | 25.9°, 80.8, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 69.229, 38.628, 63.594 |
---|---|
XYZ | 50.885, 39.663, 7.882 |
xyY | 0.517, 0.403, 39.663 |
CIE-LCH | 69.229, 74.407, 58.725 |
CIE-LUV | 69.229, 95.565, 58.38 |
Hunter-Lab | 62.979, 34.009, 36.665 |
Binary | 11111111, 10001010, 00110001 |
Color Schemes with #ff8a31
Alternatives to #ff8a31
Below, you can see some colors close to #ff8a31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8a31 Preview
This text has a font color of #ff8a31.
<span style="color:#ff8a31;">Text here</span>
This paragraph has a background color of #ff8a31.
<p style="background-color:#ff8a31;">Content here</p>
This element has a border color of #ff8a31.
<div style="border:1px solid #ff8a31;">Content here</div>
.text {color:#ff8a31;}
.background {background-color:#ff8a31;}
.border {border:1px solid #ff8a31;}
Shades and Tints of #ff8a31
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, #0a0400 is the darkest color, while #fff9f5 is the lightest one.
-
#0a0400
#0a0400
rgb(10,4,0)
-
#1d0d00
#1d0d00
rgb(29,13,0)
-
#311500
#311500
rgb(49,21,0)
-
#451e00
#451e00
rgb(69,30,0)
-
#582600
#582600
rgb(88,38,0)
-
#6c2f00
#6c2f00
rgb(108,47,0)
-
#7f3700
#7f3700
rgb(127,55,0)
-
#934000
#934000
rgb(147,64,0)
-
#a74800
#a74800
rgb(167,72,0)
-
#ba5000
#ba5000
rgb(186,80,0)
-
#ce5900
#ce5900
rgb(206,89,0)
-
#e26100
#e26100
rgb(226,97,0)
-
#f56a00
#f56a00
rgb(245,106,0)
-
#ff740a
#ff740a
rgb(255,116,10)
-
#ff7f1d
#ff7f1d
rgb(255,127,29)
-
#ff8a31
#ff8a31
rgb(255,138,49)
-
#ff9545
#ff9545
rgb(255,149,69)
-
#ffa058
#ffa058
rgb(255,160,88)
-
#ffab6c
#ffab6c
rgb(255,171,108)
-
#ffb77f
#ffb77f
rgb(255,183,127)
-
#ffc293
#ffc293
rgb(255,194,147)
-
#ffcda7
#ffcda7
rgb(255,205,167)
-
#ffd8ba
#ffd8ba
rgb(255,216,186)
-
#ffe3ce
#ffe3ce
rgb(255,227,206)
-
#ffeee2
#ffeee2
rgb(255,238,226)
-
#fff9f5
#fff9f5
rgb(255,249,245)
Tones of #ff8a31
A tone is produced by adding gray to any pure hue. In this case, #a09790 is the less saturated color, while #ff8a31 is the most saturated one.
-
#a09790
#a09790
rgb(160,151,144)
-
#a89688
#a89688
rgb(168,150,136)
-
#b09580
#b09580
rgb(176,149,128)
-
#b89478
#b89478
rgb(184,148,120)
-
#c09370
#c09370
rgb(192,147,112)
-
#c89268
#c89268
rgb(200,146,104)
-
#cf9061
#cf9061
rgb(207,144,97)
-
#d78f59
#d78f59
rgb(215,143,89)
-
#df8e51
#df8e51
rgb(223,142,81)
-
#e78d49
#e78d49
rgb(231,141,73)
-
#ef8c41
#ef8c41
rgb(239,140,65)
-
#f78b39
#f78b39
rgb(247,139,57)
-
#ff8a31
#ff8a31
rgb(255,138,49)
Color Blindness Simulator
Below, you can see how #ff8a31 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.