#f94442 Color Information
In a RGB color space, hex #f94442 is composed of 97.6% red, 26.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.7% magenta, 73.5% yellow and 2.4% black. It has a hue angle of 0.7 degrees, a saturation of 93.8% and a lightness of 61.8%. #f94442 color hex could be obtained by blending #ff8884 with #f30000. Closest websafe color is: #ff3333.
-
- R 98
- G 27
- B 26
-
- C 0
- M 73
- Y 73
- K 2
● #f94442 color description : Bright red.
#f94442 Color Conversion
The hexadecimal color #f94442 has RGB values of R:249, G:68, B:66 and CMYK values of C:0, M:0.73, Y:0.73, K:0.02. Its decimal value is 16335938.
| Hex triplet | f94442 | #f94442 |
|---|---|---|
| RGB Decimal | 249, 68, 66 | rgb(249,68,66) |
| RGB Percent | 97.6, 26.7, 25.9 | rgb(97.6%,26.7%,25.9%) |
| CMYK | 0, 73, 73, 2 | |
| HSL | 0.7°, 93.8, 61.8 | hsl(0.7,93.8%,61.8%) |
| HSV (or HSB) | 0.7°, 73.5, 97.6 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 56.755, 67.6, 42.738 |
|---|---|
| XYZ | 42.119, 24.672, 7.698 |
| xyY | 0.565, 0.331, 24.672 |
| CIE-LCH | 56.755, 79.977, 32.302 |
| CIE-LUV | 56.755, 139.593, 30.822 |
| Hunter-Lab | 49.671, 64.437, 25.581 |
| Binary | 11111001, 01000100, 01000010 |
Color Schemes with #f94442
Alternatives to #f94442
Below, you can see some colors close to #f94442. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f94442 Preview
This text has a font color of #f94442.
<span style="color:#f94442;">Text here</span>
This paragraph has a background color of #f94442.
<p style="background-color:#f94442;">Content here</p>
This element has a border color of #f94442.
<div style="border:1px solid #f94442;">Content here</div>
.text {color:#f94442;}
.background {background-color:#f94442;}
.border {border:1px solid #f94442;}
Shades and Tints of #f94442
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, #010000 is the darkest color, while #feeded is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#140101
#140101rgb(20,1,1) -
#270201
#270201rgb(39,2,1) -
#3a0202
#3a0202rgb(58,2,2) -
#4d0302
#4d0302rgb(77,3,2) -
#600403
#600403rgb(96,4,3) -
#730504
#730504rgb(115,5,4) -
#860604
#860604rgb(134,6,4) -
#990605
#990605rgb(153,6,5) -
#ac0705
#ac0705rgb(172,7,5) -
#bf0806
#bf0806rgb(191,8,6) -
#d20907
#d20907rgb(210,9,7) -
#e50a07
#e50a07rgb(229,10,7)
-
#f70c09
#f70c09rgb(247,12,9) -
#f81e1c
#f81e1crgb(248,30,28) -
#f8312f
#f8312frgb(248,49,47) -
#f94442
#f94442rgb(249,68,66) -
#fa5755
#fa5755rgb(250,87,85) -
#fa6a68
#fa6a68rgb(250,106,104) -
#fb7c7b
#fb7c7brgb(251,124,123) -
#fb8f8e
#fb8f8ergb(251,143,142) -
#fca2a1
#fca2a1rgb(252,162,161) -
#fdb5b4
#fdb5b4rgb(253,181,180) -
#fdc8c7
#fdc8c7rgb(253,200,199) -
#fedada
#fedadargb(254,218,218) -
#feeded
#feededrgb(254,237,237)
Tones of #f94442
A tone is produced by adding gray to any pure hue. In this case, #9f9c9c is the less saturated color, while #f94442 is the most saturated one.
-
#9f9c9c
#9f9c9crgb(159,156,156) -
#a79595
#a79595rgb(167,149,149) -
#ae8d8d
#ae8d8drgb(174,141,141) -
#b68686
#b68686rgb(182,134,134) -
#bd7f7e
#bd7f7ergb(189,127,126) -
#c57777
#c57777rgb(197,119,119) -
#cc706f
#cc706frgb(204,112,111) -
#d46968
#d46968rgb(212,105,104) -
#db6160
#db6160rgb(219,97,96) -
#e35a59
#e35a59rgb(227,90,89) -
#ea5351
#ea5351rgb(234,83,81) -
#f24b4a
#f24b4argb(242,75,74) -
#f94442
#f94442rgb(249,68,66)
Color Blindness Simulator
Below, you can see how #f94442 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.
