#f3221e Color Information
In a RGB color space, hex #f3221e is composed of 95.3% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 87.7% yellow and 4.7% black. It has a hue angle of 1.1 degrees, a saturation of 89.9% and a lightness of 53.5%. #f3221e color hex could be obtained by blending #ff443c with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 12
-
- C 0
- M 86
- Y 88
- K 5
● #f3221e color description : Vivid red.
#f3221e Color Conversion
The hexadecimal color #f3221e has RGB values of R:243, G:34, B:30 and CMYK values of C:0, M:0.86, Y:0.88, K:0.05. Its decimal value is 15933982.
Hex triplet | f3221e | #f3221e |
---|---|---|
RGB Decimal | 243, 34, 30 | rgb(243,34,30) |
RGB Percent | 95.3, 13.3, 11.8 | rgb(95.3%,13.3%,11.8%) |
CMYK | 0, 86, 88, 5 | |
HSL | 1.1°, 89.9, 53.5 | hsl(1.1,89.9%,53.5%) |
HSV (or HSB) | 1.1°, 87.7, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.172, 73.756, 56.093 |
---|---|
XYZ | 37.771, 20.297, 3.157 |
xyY | 0.617, 0.332, 20.297 |
CIE-LCH | 52.172, 92.662, 37.254 |
CIE-LUV | 52.172, 157.169, 34.637 |
Hunter-Lab | 45.053, 70.806, 27.382 |
Binary | 11110011, 00100010, 00011110 |
Color Schemes with #f3221e
Alternatives to #f3221e
Below, you can see some colors close to #f3221e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3221e Preview
This text has a font color of #f3221e.
<span style="color:#f3221e;">Text here</span>
This paragraph has a background color of #f3221e.
<p style="background-color:#f3221e;">Content here</p>
This element has a border color of #f3221e.
<div style="border:1px solid #f3221e;">Content here</div>
.text {color:#f3221e;}
.background {background-color:#f3221e;}
.border {border:1px solid #f3221e;}
Shades and Tints of #f3221e
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, #110101 is the darkest color, while #fffdfd is the lightest one.
-
#110101
#110101
rgb(17,1,1)
-
#240302
#240302
rgb(36,3,2)
-
#360403
#360403
rgb(54,4,3)
-
#490504
#490504
rgb(73,5,4)
-
#5c0705
#5c0705
rgb(92,7,5)
-
#6e0806
#6e0806
rgb(110,8,6)
-
#810907
#810907
rgb(129,9,7)
-
#930a08
#930a08
rgb(147,10,8)
-
#a60c09
#a60c09
rgb(166,12,9)
-
#b90d0a
#b90d0a
rgb(185,13,10)
-
#cb0e0b
#cb0e0b
rgb(203,14,11)
-
#de100c
#de100c
rgb(222,16,12)
-
#f1110d
#f1110d
rgb(241,17,13)
-
#f3221e
#f3221e
rgb(243,34,30)
-
#f43431
#f43431
rgb(244,52,49)
-
#f54743
#f54743
rgb(245,71,67)
-
#f65956
#f65956
rgb(246,89,86)
-
#f76b68
#f76b68
rgb(247,107,104)
-
#f87d7b
#f87d7b
rgb(248,125,123)
-
#f9908e
#f9908e
rgb(249,144,142)
-
#faa2a0
#faa2a0
rgb(250,162,160)
-
#fbb4b3
#fbb4b3
rgb(251,180,179)
-
#fcc7c6
#fcc7c6
rgb(252,199,198)
-
#fdd9d8
#fdd9d8
rgb(253,217,216)
-
#feebeb
#feebeb
rgb(254,235,235)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f3221e
A tone is produced by adding gray to any pure hue. In this case, #8f8382 is the less saturated color, while #fc1915 is the most saturated one.
-
#8f8382
#8f8382
rgb(143,131,130)
-
#987a79
#987a79
rgb(152,122,121)
-
#a17170
#a17170
rgb(161,113,112)
-
#aa6867
#aa6867
rgb(170,104,103)
-
#b35f5e
#b35f5e
rgb(179,95,94)
-
#bc5755
#bc5755
rgb(188,87,85)
-
#c54e4c
#c54e4c
rgb(197,78,76)
-
#cf4542
#cf4542
rgb(207,69,66)
-
#d83c39
#d83c39
rgb(216,60,57)
-
#e13430
#e13430
rgb(225,52,48)
-
#ea2b27
#ea2b27
rgb(234,43,39)
-
#f3221e
#f3221e
rgb(243,34,30)
-
#fc1915
#fc1915
rgb(252,25,21)
Color Blindness Simulator
Below, you can see how #f3221e 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.