#f14222 Color Information
In a RGB color space, hex #f14222 is composed of 94.5% red, 25.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 85.9% yellow and 5.5% black. It has a hue angle of 9.3 degrees, a saturation of 88.1% and a lightness of 53.9%. #f14222 color hex could be obtained by blending #ff8444 with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 26
- B 13
-
- C 0
- M 73
- Y 86
- K 5
● #f14222 color description : Vivid red.
#f14222 Color Conversion
The hexadecimal color #f14222 has RGB values of R:241, G:66, B:34 and CMYK values of C:0, M:0.73, Y:0.86, K:0.05. Its decimal value is 15811106.
| Hex triplet | f14222 | #f14222 |
|---|---|---|
| RGB Decimal | 241, 66, 34 | rgb(241,66,34) |
| RGB Percent | 94.5, 25.9, 13.3 | rgb(94.5%,25.9%,13.3%) |
| CMYK | 0, 73, 86, 5 | |
| HSL | 9.3°, 88.1, 53.9 | hsl(9.3,88.1%,53.9%) |
| HSV (or HSB) | 9.3°, 85.9, 94.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 54.78, 64.911, 56.275 |
|---|---|
| XYZ | 38.515, 22.717, 3.87 |
| xyY | 0.592, 0.349, 22.717 |
| CIE-LCH | 54.78, 85.909, 40.924 |
| CIE-LUV | 54.78, 139.783, 38.97 |
| Hunter-Lab | 47.663, 60.83, 28.55 |
| Binary | 11110001, 01000010, 00100010 |
Color Schemes with #f14222
Alternatives to #f14222
Below, you can see some colors close to #f14222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f14222 Preview
This text has a font color of #f14222.
<span style="color:#f14222;">Text here</span>
This paragraph has a background color of #f14222.
<p style="background-color:#f14222;">Content here</p>
This element has a border color of #f14222.
<div style="border:1px solid #f14222;">Content here</div>
.text {color:#f14222;}
.background {background-color:#f14222;}
.border {border:1px solid #f14222;}
Shades and Tints of #f14222
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, #000000 is the darkest color, while #fef0ed is the lightest one.
-
#000000
#000000rgb(0,0,0) -
#130401
#130401rgb(19,4,1) -
#250802
#250802rgb(37,8,2) -
#380c04
#380c04rgb(56,12,4) -
#4a0f05
#4a0f05rgb(74,15,5) -
#5d1306
#5d1306rgb(93,19,6) -
#6f1707
#6f1707rgb(111,23,7) -
#811b08
#811b08rgb(129,27,8) -
#941f09
#941f09rgb(148,31,9) -
#a6230b
#a6230brgb(166,35,11) -
#b9260c
#b9260crgb(185,38,12) -
#cb2a0d
#cb2a0drgb(203,42,13) -
#de2e0e
#de2e0ergb(222,46,14)
-
#f03210
#f03210rgb(240,50,16) -
#f14222
#f14222rgb(241,66,34) -
#f25234
#f25234rgb(242,82,52) -
#f36247
#f36247rgb(243,98,71) -
#f57159
#f57159rgb(245,113,89) -
#f6816c
#f6816crgb(246,129,108) -
#f7917e
#f7917ergb(247,145,126) -
#f8a191
#f8a191rgb(248,161,145) -
#f9b0a3
#f9b0a3rgb(249,176,163) -
#fac0b6
#fac0b6rgb(250,192,182) -
#fcd0c8
#fcd0c8rgb(252,208,200) -
#fde0da
#fde0dargb(253,224,218) -
#fef0ed
#fef0edrgb(254,240,237)
Tones of #f14222
A tone is produced by adding gray to any pure hue. In this case, #8e8785 is the less saturated color, while #fa3c19 is the most saturated one.
-
#8e8785
#8e8785rgb(142,135,133) -
#97807c
#97807crgb(151,128,124) -
#a07a73
#a07a73rgb(160,122,115) -
#a9746a
#a9746argb(169,116,106) -
#b26e61
#b26e61rgb(178,110,97) -
#bb6758
#bb6758rgb(187,103,88) -
#c4614f
#c4614frgb(196,97,79) -
#cd5b46
#cd5b46rgb(205,91,70) -
#d6553d
#d6553drgb(214,85,61) -
#df4e34
#df4e34rgb(223,78,52) -
#e8482b
#e8482brgb(232,72,43) -
#f14222
#f14222rgb(241,66,34) -
#fa3c19
#fa3c19rgb(250,60,25)
Color Blindness Simulator
Below, you can see how #f14222 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.
