#f3342a Color Information
In a RGB color space, hex #f3342a is composed of 95.3% red, 20.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.6% magenta, 82.7% yellow and 4.7% black. It has a hue angle of 3 degrees, a saturation of 89.3% and a lightness of 55.9%. #f3342a color hex could be obtained by blending #ff6854 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 20
- B 16
-
- C 0
- M 79
- Y 83
- K 5
● #f3342a color description : Bright red.
#f3342a Color Conversion
The hexadecimal color #f3342a has RGB values of R:243, G:52, B:42 and CMYK values of C:0, M:0.79, Y:0.83, K:0.05. Its decimal value is 15938602.
Hex triplet | f3342a | #f3342a |
---|---|---|
RGB Decimal | 243, 52, 42 | rgb(243,52,42) |
RGB Percent | 95.3, 20.4, 16.5 | rgb(95.3%,20.4%,16.5%) |
CMYK | 0, 79, 83, 5 | |
HSL | 3°, 89.3, 55.9 | hsl(3,89.3%,55.9%) |
HSV (or HSB) | 3°, 82.7, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.689, 69.921, 51.82 |
---|---|
XYZ | 38.61, 21.683, 4.343 |
xyY | 0.597, 0.335, 21.683 |
CIE-LCH | 53.689, 87.03, 36.543 |
CIE-LUV | 53.689, 147.93, 34.517 |
Hunter-Lab | 46.565, 66.519, 27.066 |
Binary | 11110011, 00110100, 00101010 |
Color Schemes with #f3342a
Alternatives to #f3342a
Below, you can see some colors close to #f3342a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3342a Preview
This text has a font color of #f3342a.
<span style="color:#f3342a;">Text here</span>
This paragraph has a background color of #f3342a.
<p style="background-color:#f3342a;">Content here</p>
This element has a border color of #f3342a.
<div style="border:1px solid #f3342a;">Content here</div>
.text {color:#f3342a;}
.background {background-color:#f3342a;}
.border {border:1px solid #f3342a;}
Shades and Tints of #f3342a
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, #0a0101 is the darkest color, while #fff7f6 is the lightest one.
-
#0a0101
#0a0101
rgb(10,1,1)
-
#1c0302
#1c0302
rgb(28,3,2)
-
#2f0503
#2f0503
rgb(47,5,3)
-
#420704
#420704
rgb(66,7,4)
-
#540905
#540905
rgb(84,9,5)
-
#670b06
#670b06
rgb(103,11,6)
-
#790d07
#790d07
rgb(121,13,7)
-
#8c0e08
#8c0e08
rgb(140,14,8)
-
#9e1009
#9e1009
rgb(158,16,9)
-
#b1120a
#b1120a
rgb(177,18,10)
-
#c4140b
#c4140b
rgb(196,20,11)
-
#d6160c
#d6160c
rgb(214,22,12)
-
#e9180d
#e9180d
rgb(233,24,13)
-
#f22217
#f22217
rgb(242,34,23)
-
#f3342a
#f3342a
rgb(243,52,42)
-
#f4463d
#f4463d
rgb(244,70,61)
-
#f5574f
#f5574f
rgb(245,87,79)
-
#f66962
#f66962
rgb(246,105,98)
-
#f77b74
#f77b74
rgb(247,123,116)
-
#f88c87
#f88c87
rgb(248,140,135)
-
#f99e99
#f99e99
rgb(249,158,153)
-
#fab0ac
#fab0ac
rgb(250,176,172)
-
#fbc2bf
#fbc2bf
rgb(251,194,191)
-
#fcd3d1
#fcd3d1
rgb(252,211,209)
-
#fde5e4
#fde5e4
rgb(253,229,228)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #f3342a
A tone is produced by adding gray to any pure hue. In this case, #948a89 is the less saturated color, while #fc2c21 is the most saturated one.
-
#948a89
#948a89
rgb(148,138,137)
-
#9c8281
#9c8281
rgb(156,130,129)
-
#a57a78
#a57a78
rgb(165,122,120)
-
#ae726f
#ae726f
rgb(174,114,111)
-
#b66b67
#b66b67
rgb(182,107,103)
-
#bf635e
#bf635e
rgb(191,99,94)
-
#c85b55
#c85b55
rgb(200,91,85)
-
#d0534d
#d0534d
rgb(208,83,77)
-
#d94b44
#d94b44
rgb(217,75,68)
-
#e2443b
#e2443b
rgb(226,68,59)
-
#ea3c33
#ea3c33
rgb(234,60,51)
-
#f3342a
#f3342a
rgb(243,52,42)
-
#fc2c21
#fc2c21
rgb(252,44,33)
Color Blindness Simulator
Below, you can see how #f3342a 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.