#ff8312 Color Information
In a RGB color space, hex #ff8312 is composed of 100% red, 51.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 92.9% yellow and 0% black. It has a hue angle of 28.6 degrees, a saturation of 100% and a lightness of 53.5%. #ff8312 color hex could be obtained by blending #ffff24 with #ff0700. Closest websafe color is: #ff9900.
-
- R 100
- G 51
- B 7
-
- C 0
- M 49
- Y 93
- K 0
● #ff8312 color description : Vivid orange.
#ff8312 Color Conversion
The hexadecimal color #ff8312 has RGB values of R:255, G:131, B:18 and CMYK values of C:0, M:0.49, Y:0.93, K:0. Its decimal value is 16745234.
Hex triplet | ff8312 | #ff8312 |
---|---|---|
RGB Decimal | 255, 131, 18 | rgb(255,131,18) |
RGB Percent | 100, 51.4, 7.1 | rgb(100%,51.4%,7.1%) |
CMYK | 0, 49, 93, 0 | |
HSL | 28.6°, 100, 53.5 | hsl(28.6,100%,53.5%) |
HSV (or HSB) | 28.6°, 92.9, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 67.681, 41.496, 71.653 |
---|---|
XYZ | 49.467, 37.541, 5.213 |
xyY | 0.536, 0.407, 37.541 |
CIE-LCH | 67.681, 82.801, 59.924 |
CIE-LUV | 67.681, 103.055, 61.133 |
Hunter-Lab | 61.271, 36.89, 37.845 |
Binary | 11111111, 10000011, 00010010 |
Color Schemes with #ff8312
Alternatives to #ff8312
Below, you can see some colors close to #ff8312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8312 Preview
This text has a font color of #ff8312.
<span style="color:#ff8312;">Text here</span>
This paragraph has a background color of #ff8312.
<p style="background-color:#ff8312;">Content here</p>
This element has a border color of #ff8312.
<div style="border:1px solid #ff8312;">Content here</div>
.text {color:#ff8312;}
.background {background-color:#ff8312;}
.border {border:1px solid #ff8312;}
Shades and Tints of #ff8312
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, #120900 is the darkest color, while #fffefd is the lightest one.
-
#120900
#120900
rgb(18,9,0)
-
#261200
#261200
rgb(38,18,0)
-
#391b00
#391b00
rgb(57,27,0)
-
#4d2500
#4d2500
rgb(77,37,0)
-
#602e00
#602e00
rgb(96,46,0)
-
#743700
#743700
rgb(116,55,0)
-
#884100
#884100
rgb(136,65,0)
-
#9b4a00
#9b4a00
rgb(155,74,0)
-
#af5300
#af5300
rgb(175,83,0)
-
#c35d00
#c35d00
rgb(195,93,0)
-
#d66600
#d66600
rgb(214,102,0)
-
#ea6f00
#ea6f00
rgb(234,111,0)
-
#fd7900
#fd7900
rgb(253,121,0)
-
#ff8312
#ff8312
rgb(255,131,18)
-
#ff8d26
#ff8d26
rgb(255,141,38)
-
#ff9839
#ff9839
rgb(255,152,57)
-
#ffa24d
#ffa24d
rgb(255,162,77)
-
#ffac60
#ffac60
rgb(255,172,96)
-
#ffb674
#ffb674
rgb(255,182,116)
-
#ffc188
#ffc188
rgb(255,193,136)
-
#ffcb9b
#ffcb9b
rgb(255,203,155)
-
#ffd5af
#ffd5af
rgb(255,213,175)
-
#ffdfc3
#ffdfc3
rgb(255,223,195)
-
#ffead6
#ffead6
rgb(255,234,214)
-
#fff4ea
#fff4ea
rgb(255,244,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff8312
A tone is produced by adding gray to any pure hue. In this case, #92887f is the less saturated color, while #ff8312 is the most saturated one.
-
#92887f
#92887f
rgb(146,136,127)
-
#9b8876
#9b8876
rgb(155,136,118)
-
#a4876d
#a4876d
rgb(164,135,109)
-
#ad8764
#ad8764
rgb(173,135,100)
-
#b6865b
#b6865b
rgb(182,134,91)
-
#bf8652
#bf8652
rgb(191,134,82)
-
#c88649
#c88649
rgb(200,134,73)
-
#d18540
#d18540
rgb(209,133,64)
-
#db8536
#db8536
rgb(219,133,54)
-
#e4842d
#e4842d
rgb(228,132,45)
-
#ed8424
#ed8424
rgb(237,132,36)
-
#f6831b
#f6831b
rgb(246,131,27)
-
#ff8312
#ff8312
rgb(255,131,18)
Color Blindness Simulator
Below, you can see how #ff8312 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.