#f85222 Color Information
In a RGB color space, hex #f85222 is composed of 97.3% red, 32.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 86.3% yellow and 2.7% black. It has a hue angle of 13.5 degrees, a saturation of 93.9% and a lightness of 55.3%. #f85222 color hex could be obtained by blending #ffa444 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 32
- B 13
-
- C 0
- M 67
- Y 86
- K 3
● #f85222 color description : Vivid red.
#f85222 Color Conversion
The hexadecimal color #f85222 has RGB values of R:248, G:82, B:34 and CMYK values of C:0, M:0.67, Y:0.86, K:0.03. Its decimal value is 16273954.
Hex triplet | f85222 | #f85222 |
---|---|---|
RGB Decimal | 248, 82, 34 | rgb(248,82,34) |
RGB Percent | 97.3, 32.2, 13.3 | rgb(97.3%,32.2%,13.3%) |
CMYK | 0, 67, 86, 3 | |
HSL | 13.5°, 93.9, 55.3 | hsl(13.5,93.9%,55.3%) |
HSV (or HSB) | 13.5°, 86.3, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.143, 61.316, 59.509 |
---|---|
XYZ | 42.019, 26.111, 4.341 |
xyY | 0.58, 0.36, 26.111 |
CIE-LCH | 58.143, 85.446, 44.143 |
CIE-LUV | 58.143, 134.856, 43.639 |
Hunter-Lab | 51.099, 57.358, 30.733 |
Binary | 11111000, 01010010, 00100010 |
Color Schemes with #f85222
Alternatives to #f85222
Below, you can see some colors close to #f85222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85222 Preview
This text has a font color of #f85222.
<span style="color:#f85222;">Text here</span>
This paragraph has a background color of #f85222.
<p style="background-color:#f85222;">Content here</p>
This element has a border color of #f85222.
<div style="border:1px solid #f85222;">Content here</div>
.text {color:#f85222;}
.background {background-color:#f85222;}
.border {border:1px solid #f85222;}
Shades and Tints of #f85222
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, #070200 is the darkest color, while #fff6f3 is the lightest one.
-
#070200
#070200
rgb(7,2,0)
-
#1a0701
#1a0701
rgb(26,7,1)
-
#2d0b01
#2d0b01
rgb(45,11,1)
-
#401002
#401002
rgb(64,16,2)
-
#531503
#531503
rgb(83,21,3)
-
#661903
#661903
rgb(102,25,3)
-
#791e04
#791e04
rgb(121,30,4)
-
#8c2304
#8c2304
rgb(140,35,4)
-
#9f2805
#9f2805
rgb(159,40,5)
-
#b22c06
#b22c06
rgb(178,44,6)
-
#c53106
#c53106
rgb(197,49,6)
-
#d83607
#d83607
rgb(216,54,7)
-
#eb3b07
#eb3b07
rgb(235,59,7)
-
#f7430f
#f7430f
rgb(247,67,15)
-
#f85222
#f85222
rgb(248,82,34)
-
#f96135
#f96135
rgb(249,97,53)
-
#f97048
#f97048
rgb(249,112,72)
-
#fa7f5b
#fa7f5b
rgb(250,127,91)
-
#fa8e6e
#fa8e6e
rgb(250,142,110)
-
#fb9c81
#fb9c81
rgb(251,156,129)
-
#fcab94
#fcab94
rgb(252,171,148)
-
#fcbaa7
#fcbaa7
rgb(252,186,167)
-
#fdc9ba
#fdc9ba
rgb(253,201,186)
-
#fdd8cd
#fdd8cd
rgb(253,216,205)
-
#fee7e0
#fee7e0
rgb(254,231,224)
-
#fff6f3
#fff6f3
rgb(255,246,243)
Tones of #f85222
A tone is produced by adding gray to any pure hue. In this case, #8f8c8b is the less saturated color, while #f85222 is the most saturated one.
-
#8f8c8b
#8f8c8b
rgb(143,140,139)
-
#988782
#988782
rgb(152,135,130)
-
#a0827a
#a0827a
rgb(160,130,122)
-
#a97e71
#a97e71
rgb(169,126,113)
-
#b27968
#b27968
rgb(178,121,104)
-
#bb745f
#bb745f
rgb(187,116,95)
-
#c36f57
#c36f57
rgb(195,111,87)
-
#cc6a4e
#cc6a4e
rgb(204,106,78)
-
#d56545
#d56545
rgb(213,101,69)
-
#de613c
#de613c
rgb(222,97,60)
-
#e65c34
#e65c34
rgb(230,92,52)
-
#ef572b
#ef572b
rgb(239,87,43)
-
#f85222
#f85222
rgb(248,82,34)
Color Blindness Simulator
Below, you can see how #f85222 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.