#f35222 Color Information
In a RGB color space, hex #f35222 is composed of 95.3% red, 32.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 86% yellow and 4.7% black. It has a hue angle of 13.8 degrees, a saturation of 89.7% and a lightness of 54.3%. #f35222 color hex could be obtained by blending #ffa444 with #e70000. Closest websafe color is: #ff6633.
-
- R 95
- G 32
- B 13
-
- C 0
- M 66
- Y 86
- K 5
● #f35222 color description : Vivid red.
#f35222 Color Conversion
The hexadecimal color #f35222 has RGB values of R:243, G:82, B:34 and CMYK values of C:0, M:0.66, Y:0.86, K:0.05. Its decimal value is 15946274.
Hex triplet | f35222 | #f35222 |
---|---|---|
RGB Decimal | 243, 82, 34 | rgb(243,82,34) |
RGB Percent | 95.3, 32.2, 13.3 | rgb(95.3%,32.2%,13.3%) |
CMYK | 0, 66, 86, 5 | |
HSL | 13.8°, 89.7, 54.3 | hsl(13.8,89.7%,54.3%) |
HSV (or HSB) | 13.8°, 86, 95.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.279, 59.679, 58.453 |
---|---|
XYZ | 40.27, 25.209, 4.259 |
xyY | 0.577, 0.361, 25.209 |
CIE-LCH | 57.279, 83.536, 44.406 |
CIE-LUV | 57.279, 130.856, 43.076 |
Hunter-Lab | 50.209, 55.3, 30.117 |
Binary | 11110011, 01010010, 00100010 |
Color Schemes with #f35222
Alternatives to #f35222
Below, you can see some colors close to #f35222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f35222 Preview
This text has a font color of #f35222.
<span style="color:#f35222;">Text here</span>
This paragraph has a background color of #f35222.
<p style="background-color:#f35222;">Content here</p>
This element has a border color of #f35222.
<div style="border:1px solid #f35222;">Content here</div>
.text {color:#f35222;}
.background {background-color:#f35222;}
.border {border:1px solid #f35222;}
Shades and Tints of #f35222
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, #020100 is the darkest color, while #fef2ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150601
#150601
rgb(21,6,1)
-
#270b02
#270b02
rgb(39,11,2)
-
#3a1003
#3a1003
rgb(58,16,3)
-
#4d1504
#4d1504
rgb(77,21,4)
-
#5f1a05
#5f1a05
rgb(95,26,5)
-
#721f06
#721f06
rgb(114,31,6)
-
#842407
#842407
rgb(132,36,7)
-
#972908
#972908
rgb(151,41,8)
-
#aa2e09
#aa2e09
rgb(170,46,9)
-
#bc330a
#bc330a
rgb(188,51,10)
-
#cf380b
#cf380b
rgb(207,56,11)
-
#e23d0c
#e23d0c
rgb(226,61,12)
-
#f2430f
#f2430f
rgb(242,67,15)
-
#f35222
#f35222
rgb(243,82,34)
-
#f46135
#f46135
rgb(244,97,53)
-
#f56f47
#f56f47
rgb(245,111,71)
-
#f67e5a
#f67e5a
rgb(246,126,90)
-
#f78c6c
#f78c6c
rgb(247,140,108)
-
#f89b7f
#f89b7f
rgb(248,155,127)
-
#f9a992
#f9a992
rgb(249,169,146)
-
#fab8a4
#fab8a4
rgb(250,184,164)
-
#fbc7b7
#fbc7b7
rgb(251,199,183)
-
#fcd5c9
#fcd5c9
rgb(252,213,201)
-
#fde4dc
#fde4dc
rgb(253,228,220)
-
#fef2ef
#fef2ef
rgb(254,242,239)
Tones of #f35222
A tone is produced by adding gray to any pure hue. In this case, #908785 is the less saturated color, while #fc4d19 is the most saturated one.
-
#908785
#908785
rgb(144,135,133)
-
#99827c
#99827c
rgb(153,130,124)
-
#a27e73
#a27e73
rgb(162,126,115)
-
#ab796a
#ab796a
rgb(171,121,106)
-
#b47461
#b47461
rgb(180,116,97)
-
#bd6f58
#bd6f58
rgb(189,111,88)
-
#c66a4f
#c66a4f
rgb(198,106,79)
-
#cf6546
#cf6546
rgb(207,101,70)
-
#d8613d
#d8613d
rgb(216,97,61)
-
#e15c34
#e15c34
rgb(225,92,52)
-
#ea572b
#ea572b
rgb(234,87,43)
-
#f35222
#f35222
rgb(243,82,34)
-
#fc4d19
#fc4d19
rgb(252,77,25)
Color Blindness Simulator
Below, you can see how #f35222 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.