#f32220 Color Information
In a RGB color space, hex #f32220 is composed of 95.3% red, 13.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 86.8% yellow and 4.7% black. It has a hue angle of 0.6 degrees, a saturation of 89.8% and a lightness of 53.9%. #f32220 color hex could be obtained by blending #ff4440 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 13
-
- C 0
- M 86
- Y 87
- K 5
● #f32220 color description : Vivid red.
#f32220 Color Conversion
The hexadecimal color #f32220 has RGB values of R:243, G:34, B:32 and CMYK values of C:0, M:0.86, Y:0.87, K:0.05. Its decimal value is 15933984.
Hex triplet | f32220 | #f32220 |
---|---|---|
RGB Decimal | 243, 34, 32 | rgb(243,34,32) |
RGB Percent | 95.3, 13.3, 12.5 | rgb(95.3%,13.3%,12.5%) |
CMYK | 0, 86, 87, 5 | |
HSL | 0.6°, 89.8, 53.9 | hsl(0.6,89.8%,53.9%) |
HSV (or HSB) | 0.6°, 86.8, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.184, 73.79, 55.226 |
---|---|
XYZ | 37.797, 20.308, 3.296 |
xyY | 0.616, 0.331, 20.308 |
CIE-LCH | 52.184, 92.168, 36.812 |
CIE-LUV | 52.184, 156.911, 34.226 |
Hunter-Lab | 45.064, 70.851, 27.208 |
Binary | 11110011, 00100010, 00100000 |
Color Schemes with #f32220
Alternatives to #f32220
Below, you can see some colors close to #f32220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f32220 Preview
This text has a font color of #f32220.
<span style="color:#f32220;">Text here</span>
This paragraph has a background color of #f32220.
<p style="background-color:#f32220;">Content here</p>
This element has a border color of #f32220.
<div style="border:1px solid #f32220;">Content here</div>
.text {color:#f32220;}
.background {background-color:#f32220;}
.border {border:1px solid #f32220;}
Shades and Tints of #f32220
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 #feeded is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130101
#130101
rgb(19,1,1)
-
#260202
#260202
rgb(38,2,2)
-
#380403
#380403
rgb(56,4,3)
-
#4b0504
#4b0504
rgb(75,5,4)
-
#5d0605
#5d0605
rgb(93,6,5)
-
#700706
#700706
rgb(112,7,6)
-
#830807
#830807
rgb(131,8,7)
-
#950908
#950908
rgb(149,9,8)
-
#a80b09
#a80b09
rgb(168,11,9)
-
#bb0c0a
#bb0c0a
rgb(187,12,10)
-
#cd0d0b
#cd0d0b
rgb(205,13,11)
-
#e00e0c
#e00e0c
rgb(224,14,12)
-
#f2100d
#f2100d
rgb(242,16,13)
-
#f32220
#f32220
rgb(243,34,32)
-
#f43433
#f43433
rgb(244,52,51)
-
#f54745
#f54745
rgb(245,71,69)
-
#f65958
#f65958
rgb(246,89,88)
-
#f76c6a
#f76c6a
rgb(247,108,106)
-
#f87e7d
#f87e7d
rgb(248,126,125)
-
#f99190
#f99190
rgb(249,145,144)
-
#faa3a2
#faa3a2
rgb(250,163,162)
-
#fbb6b5
#fbb6b5
rgb(251,182,181)
-
#fcc8c8
#fcc8c8
rgb(252,200,200)
-
#fddada
#fddada
rgb(253,218,218)
-
#feeded
#feeded
rgb(254,237,237)
Tones of #f32220
A tone is produced by adding gray to any pure hue. In this case, #908483 is the less saturated color, while #fc1917 is the most saturated one.
-
#908483
#908483
rgb(144,132,131)
-
#997b7a
#997b7a
rgb(153,123,122)
-
#a27271
#a27271
rgb(162,114,113)
-
#ab6968
#ab6968
rgb(171,105,104)
-
#b4605f
#b4605f
rgb(180,96,95)
-
#bd5756
#bd5756
rgb(189,87,86)
-
#c64e4d
#c64e4d
rgb(198,78,77)
-
#cf4544
#cf4544
rgb(207,69,68)
-
#d83d3b
#d83d3b
rgb(216,61,59)
-
#e13432
#e13432
rgb(225,52,50)
-
#ea2b29
#ea2b29
rgb(234,43,41)
-
#f32220
#f32220
rgb(243,34,32)
-
#fc1917
#fc1917
rgb(252,25,23)
Color Blindness Simulator
Below, you can see how #f32220 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.