#ff8522 Color Information
In a RGB color space, hex #ff8522 is composed of 100% red, 52.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 86.7% yellow and 0% black. It has a hue angle of 26.9 degrees, a saturation of 100% and a lightness of 56.7%. #ff8522 color hex could be obtained by blending #ffff44 with #ff0b00. Closest websafe color is: #ff9933.
-
- R 100
- G 52
- B 13
-
- C 0
- M 48
- Y 87
- K 0
● #ff8522 color description : Vivid orange.
#ff8522 Color Conversion
The hexadecimal color #ff8522 has RGB values of R:255, G:133, B:34 and CMYK values of C:0, M:0.48, Y:0.87, K:0. Its decimal value is 16745762.
Hex triplet | ff8522 | #ff8522 |
---|---|---|
RGB Decimal | 255, 133, 34 | rgb(255,133,34) |
RGB Percent | 100, 52.2, 13.3 | rgb(100%,52.2%,13.3%) |
CMYK | 0, 48, 87, 0 | |
HSL | 26.9°, 100, 56.7 | hsl(26.9,100%,56.7%) |
HSV (or HSB) | 26.9°, 86.7, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 68.135, 40.757, 67.913 |
---|---|
XYZ | 49.918, 38.155, 6.249 |
xyY | 0.529, 0.405, 38.155 |
CIE-LCH | 68.135, 79.204, 59.031 |
CIE-LUV | 68.135, 100.679, 59.69 |
Hunter-Lab | 61.77, 36.154, 37.241 |
Binary | 11111111, 10000101, 00100010 |
Color Schemes with #ff8522
Alternatives to #ff8522
Below, you can see some colors close to #ff8522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8522 Preview
This text has a font color of #ff8522.
<span style="color:#ff8522;">Text here</span>
This paragraph has a background color of #ff8522.
<p style="background-color:#ff8522;">Content here</p>
This element has a border color of #ff8522.
<div style="border:1px solid #ff8522;">Content here</div>
.text {color:#ff8522;}
.background {background-color:#ff8522;}
.border {border:1px solid #ff8522;}
Shades and Tints of #ff8522
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, #0e0600 is the darkest color, while #fffcfa is the lightest one.
-
#0e0600
#0e0600
rgb(14,6,0)
-
#220f00
#220f00
rgb(34,15,0)
-
#361800
#361800
rgb(54,24,0)
-
#492100
#492100
rgb(73,33,0)
-
#5d2a00
#5d2a00
rgb(93,42,0)
-
#703200
#703200
rgb(112,50,0)
-
#843b00
#843b00
rgb(132,59,0)
-
#984400
#984400
rgb(152,68,0)
-
#ab4d00
#ab4d00
rgb(171,77,0)
-
#bf5600
#bf5600
rgb(191,86,0)
-
#d35e00
#d35e00
rgb(211,94,0)
-
#e66700
#e66700
rgb(230,103,0)
-
#fa7000
#fa7000
rgb(250,112,0)
-
#ff7a0e
#ff7a0e
rgb(255,122,14)
-
#ff8522
#ff8522
rgb(255,133,34)
-
#ff9036
#ff9036
rgb(255,144,54)
-
#ff9b49
#ff9b49
rgb(255,155,73)
-
#ffa55d
#ffa55d
rgb(255,165,93)
-
#ffb070
#ffb070
rgb(255,176,112)
-
#ffbb84
#ffbb84
rgb(255,187,132)
-
#ffc698
#ffc698
rgb(255,198,152)
-
#ffd1ab
#ffd1ab
rgb(255,209,171)
-
#ffdcbf
#ffdcbf
rgb(255,220,191)
-
#ffe6d3
#ffe6d3
rgb(255,230,211)
-
#fff1e6
#fff1e6
rgb(255,241,230)
-
#fffcfa
#fffcfa
rgb(255,252,250)
Tones of #ff8522
A tone is produced by adding gray to any pure hue. In this case, #999088 is the less saturated color, while #ff8522 is the most saturated one.
-
#999088
#999088
rgb(153,144,136)
-
#a28f80
#a28f80
rgb(162,143,128)
-
#aa8e77
#aa8e77
rgb(170,142,119)
-
#b38d6f
#b38d6f
rgb(179,141,111)
-
#bb8c66
#bb8c66
rgb(187,140,102)
-
#c48b5e
#c48b5e
rgb(196,139,94)
-
#cc8a55
#cc8a55
rgb(204,138,85)
-
#d5894d
#d5894d
rgb(213,137,77)
-
#dd8944
#dd8944
rgb(221,137,68)
-
#e6883c
#e6883c
rgb(230,136,60)
-
#ee8733
#ee8733
rgb(238,135,51)
-
#f7862b
#f7862b
rgb(247,134,43)
-
#ff8522
#ff8522
rgb(255,133,34)
Color Blindness Simulator
Below, you can see how #ff8522 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.