#ff8504 Color Information
In a RGB color space, hex #ff8504 is composed of 100% red, 52.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 98.4% yellow and 0% black. It has a hue angle of 30.8 degrees, a saturation of 100% and a lightness of 50.8%. #ff8504 color hex could be obtained by blending #ffff08 with #ff0b00. Closest websafe color is: #ff9900.
-
- R 100
- G 52
- B 2
-
- C 0
- M 48
- Y 98
- K 0
● #ff8504 color description : Vivid orange.
#ff8504 Color Conversion
The hexadecimal color #ff8504 has RGB values of R:255, G:133, B:4 and CMYK values of C:0, M:0.48, Y:0.98, K:0. Its decimal value is 16745732.
Hex triplet | ff8504 | #ff8504 |
---|---|---|
RGB Decimal | 255, 133, 4 | rgb(255,133,4) |
RGB Percent | 100, 52.2, 1.6 | rgb(100%,52.2%,1.6%) |
CMYK | 0, 48, 98, 0 | |
HSL | 30.8°, 100, 50.8 | hsl(30.8,100%,50.8%) |
HSV (or HSB) | 30.8°, 98.4, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 68.056, 40.375, 74.056 |
---|---|
XYZ | 49.651, 38.048, 4.844 |
xyY | 0.537, 0.411, 38.048 |
CIE-LCH | 68.056, 84.347, 61.401 |
CIE-LUV | 68.056, 101.716, 62.824 |
Hunter-Lab | 61.683, 35.736, 38.522 |
Binary | 11111111, 10000101, 00000100 |
Color Schemes with #ff8504
Alternatives to #ff8504
Below, you can see some colors close to #ff8504. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8504 Preview
This text has a font color of #ff8504.
<span style="color:#ff8504;">Text here</span>
This paragraph has a background color of #ff8504.
<p style="background-color:#ff8504;">Content here</p>
This element has a border color of #ff8504.
<div style="border:1px solid #ff8504;">Content here</div>
.text {color:#ff8504;}
.background {background-color:#ff8504;}
.border {border:1px solid #ff8504;}
Shades and Tints of #ff8504
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, #040200 is the darkest color, while #fff7ef is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#180c00
#180c00
rgb(24,12,0)
-
#2b1600
#2b1600
rgb(43,22,0)
-
#3f2000
#3f2000
rgb(63,32,0)
-
#522a00
#522a00
rgb(82,42,0)
-
#663400
#663400
rgb(102,52,0)
-
#7a3f00
#7a3f00
rgb(122,63,0)
-
#8d4900
#8d4900
rgb(141,73,0)
-
#a15300
#a15300
rgb(161,83,0)
-
#b55d00
#b55d00
rgb(181,93,0)
-
#c86700
#c86700
rgb(200,103,0)
-
#dc7100
#dc7100
rgb(220,113,0)
-
#ef7b00
#ef7b00
rgb(239,123,0)
-
#ff8504
#ff8504
rgb(255,133,4)
-
#ff8f18
#ff8f18
rgb(255,143,24)
-
#ff982b
#ff982b
rgb(255,152,43)
-
#ffa23f
#ffa23f
rgb(255,162,63)
-
#ffab52
#ffab52
rgb(255,171,82)
-
#ffb566
#ffb566
rgb(255,181,102)
-
#ffbe7a
#ffbe7a
rgb(255,190,122)
-
#ffc88d
#ffc88d
rgb(255,200,141)
-
#ffd1a1
#ffd1a1
rgb(255,209,161)
-
#ffdbb5
#ffdbb5
rgb(255,219,181)
-
#ffe4c8
#ffe4c8
rgb(255,228,200)
-
#ffeedc
#ffeedc
rgb(255,238,220)
-
#fff7ef
#fff7ef
rgb(255,247,239)
Tones of #ff8504
A tone is produced by adding gray to any pure hue. In this case, #8b8278 is the less saturated color, while #ff8504 is the most saturated one.
-
#8b8278
#8b8278
rgb(139,130,120)
-
#95826e
#95826e
rgb(149,130,110)
-
#9e8265
#9e8265
rgb(158,130,101)
-
#a8835b
#a8835b
rgb(168,131,91)
-
#b28351
#b28351
rgb(178,131,81)
-
#bb8348
#bb8348
rgb(187,131,72)
-
#c5833e
#c5833e
rgb(197,131,62)
-
#cf8434
#cf8434
rgb(207,132,52)
-
#d8842b
#d8842b
rgb(216,132,43)
-
#e28421
#e28421
rgb(226,132,33)
-
#ec8417
#ec8417
rgb(236,132,23)
-
#f5850e
#f5850e
rgb(245,133,14)
-
#ff8504
#ff8504
rgb(255,133,4)
Color Blindness Simulator
Below, you can see how #ff8504 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.