#ff8700 Color Information
In a RGB color space, hex #ff8700 is composed of 100% red, 52.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.1% magenta, 100% yellow and 0% black. It has a hue angle of 31.8 degrees, a saturation of 100% and a lightness of 50%. #ff8700 color hex could be obtained by blending #ffff00 with #ff0f00. Closest websafe color is: #ff9900.
-
- R 100
- G 53
- B 0
-
- C 0
- M 47
- Y 100
- K 0
● #ff8700 color description : Pure (or mostly pure) orange.
#ff8700 Color Conversion
The hexadecimal color #ff8700 has RGB values of R:255, G:135, B:0 and CMYK values of C:0, M:0.47, Y:1, K:0. Its decimal value is 16746240.
Hex triplet | ff8700 | #ff8700 |
---|---|---|
RGB Decimal | 255, 135, 0 | rgb(255,135,0) |
RGB Percent | 100, 52.9, 0 | rgb(100%,52.9%,0%) |
CMYK | 0, 47, 100, 0 | |
HSL | 31.8°, 100, 50 | hsl(31.8,100%,50%) |
HSV (or HSB) | 31.8°, 100, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 68.455, 39.343, 74.857 |
---|---|
XYZ | 49.906, 38.593, 4.821 |
xyY | 0.535, 0.414, 38.593 |
CIE-LCH | 68.455, 84.566, 62.275 |
CIE-LUV | 68.455, 100.109, 63.739 |
Hunter-Lab | 62.123, 34.681, 38.885 |
Binary | 11111111, 10000111, 00000000 |
Color Schemes with #ff8700
Alternatives to #ff8700
Below, you can see some colors close to #ff8700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8700 Preview
This text has a font color of #ff8700.
<span style="color:#ff8700;">Text here</span>
This paragraph has a background color of #ff8700.
<p style="background-color:#ff8700;">Content here</p>
This element has a border color of #ff8700.
<div style="border:1px solid #ff8700;">Content here</div>
.text {color:#ff8700;}
.background {background-color:#ff8700;}
.border {border:1px solid #ff8700;}
Shades and Tints of #ff8700
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, #140a00 is the darkest color, while #ffffff is the lightest one.
-
#140a00
#140a00
rgb(20,10,0)
-
#271500
#271500
rgb(39,21,0)
-
#3b1f00
#3b1f00
rgb(59,31,0)
-
#4e2a00
#4e2a00
rgb(78,42,0)
-
#623400
#623400
rgb(98,52,0)
-
#763e00
#763e00
rgb(118,62,0)
-
#894900
#894900
rgb(137,73,0)
-
#9d5300
#9d5300
rgb(157,83,0)
-
#b15d00
#b15d00
rgb(177,93,0)
-
#c46800
#c46800
rgb(196,104,0)
-
#d87200
#d87200
rgb(216,114,0)
-
#eb7d00
#eb7d00
rgb(235,125,0)
-
#ff8700
#ff8700
rgb(255,135,0)
-
#ff9014
#ff9014
rgb(255,144,20)
-
#ff9927
#ff9927
rgb(255,153,39)
-
#ffa33b
#ffa33b
rgb(255,163,59)
-
#ffac4e
#ffac4e
rgb(255,172,78)
-
#ffb562
#ffb562
rgb(255,181,98)
-
#ffbe76
#ffbe76
rgb(255,190,118)
-
#ffc889
#ffc889
rgb(255,200,137)
-
#ffd19d
#ffd19d
rgb(255,209,157)
-
#ffdab1
#ffdab1
rgb(255,218,177)
-
#ffe3c4
#ffe3c4
rgb(255,227,196)
-
#ffedd8
#ffedd8
rgb(255,237,216)
-
#fff6eb
#fff6eb
rgb(255,246,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff8700
A tone is produced by adding gray to any pure hue. In this case, #898076 is the less saturated color, while #ff8700 is the most saturated one.
-
#898076
#898076
rgb(137,128,118)
-
#93816c
#93816c
rgb(147,129,108)
-
#9d8162
#9d8162
rgb(157,129,98)
-
#a78258
#a78258
rgb(167,130,88)
-
#b1824e
#b1824e
rgb(177,130,78)
-
#ba8345
#ba8345
rgb(186,131,69)
-
#c4843b
#c4843b
rgb(196,132,59)
-
#ce8431
#ce8431
rgb(206,132,49)
-
#d88527
#d88527
rgb(216,133,39)
-
#e2851d
#e2851d
rgb(226,133,29)
-
#eb8614
#eb8614
rgb(235,134,20)
-
#f5860a
#f5860a
rgb(245,134,10)
-
#ff8700
#ff8700
rgb(255,135,0)
Color Blindness Simulator
Below, you can see how #ff8700 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.