#f31a36 Color Information
In a RGB color space, hex #f31a36 is composed of 95.3% red, 10.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 77.8% yellow and 4.7% black. It has a hue angle of 352.3 degrees, a saturation of 90% and a lightness of 52.7%. #f31a36 color hex could be obtained by blending #ff346c with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 10
- B 21
-
- C 0
- M 89
- Y 78
- K 5
● #f31a36 color description : Vivid red.
#f31a36 Color Conversion
The hexadecimal color #f31a36 has RGB values of R:243, G:26, B:54 and CMYK values of C:0, M:0.89, Y:0.78, K:0.05. Its decimal value is 15931958.
Hex triplet | f31a36 | #f31a36 |
---|---|---|
RGB Decimal | 243, 26, 54 | rgb(243,26,54) |
RGB Percent | 95.3, 10.2, 21.2 | rgb(95.3%,10.2%,21.2%) |
CMYK | 0, 89, 78, 5 | |
HSL | 352.3°, 90, 52.7 | hsl(352.3,90%,52.7%) |
HSV (or HSB) | 352.3°, 89.3, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.91, 75.624, 43.779 |
---|---|
XYZ | 37.999, 20.065, 5.362 |
xyY | 0.599, 0.316, 20.065 |
CIE-LCH | 51.91, 87.381, 30.067 |
CIE-LUV | 51.91, 155.384, 27.173 |
Hunter-Lab | 44.794, 73.036, 24.258 |
Binary | 11110011, 00011010, 00110110 |
Color Schemes with #f31a36
Alternatives to #f31a36
Below, you can see some colors close to #f31a36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31a36 Preview
This text has a font color of #f31a36.
<span style="color:#f31a36;">Text here</span>
This paragraph has a background color of #f31a36.
<p style="background-color:#f31a36;">Content here</p>
This element has a border color of #f31a36.
<div style="border:1px solid #f31a36;">Content here</div>
.text {color:#f31a36;}
.background {background-color:#f31a36;}
.border {border:1px solid #f31a36;}
Shades and Tints of #f31a36
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, #0d0102 is the darkest color, while #fffafa is the lightest one.
-
#0d0102
#0d0102
rgb(13,1,2)
-
#200206
#200206
rgb(32,2,6)
-
#330309
#330309
rgb(51,3,9)
-
#45040c
#45040c
rgb(69,4,12)
-
#58050f
#58050f
rgb(88,5,15)
-
#6a0613
#6a0613
rgb(106,6,19)
-
#7d0716
#7d0716
rgb(125,7,22)
-
#900819
#900819
rgb(144,8,25)
-
#a2091c
#a2091c
rgb(162,9,28)
-
#b50920
#b50920
rgb(181,9,32)
-
#c80a23
#c80a23
rgb(200,10,35)
-
#da0b26
#da0b26
rgb(218,11,38)
-
#ed0c29
#ed0c29
rgb(237,12,41)
-
#f31a36
#f31a36
rgb(243,26,54)
-
#f42d46
#f42d46
rgb(244,45,70)
-
#f53f57
#f53f57
rgb(245,63,87)
-
#f65267
#f65267
rgb(246,82,103)
-
#f76577
#f76577
rgb(247,101,119)
-
#f87788
#f87788
rgb(248,119,136)
-
#f98a98
#f98a98
rgb(249,138,152)
-
#fa9ca9
#fa9ca9
rgb(250,156,169)
-
#fbafb9
#fbafb9
rgb(251,175,185)
-
#fcc2c9
#fcc2c9
rgb(252,194,201)
-
#fdd4da
#fdd4da
rgb(253,212,218)
-
#fee7ea
#fee7ea
rgb(254,231,234)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f31a36
A tone is produced by adding gray to any pure hue. In this case, #8d8082 is the less saturated color, while #fc112f is the most saturated one.
-
#8d8082
#8d8082
rgb(141,128,130)
-
#96777b
#96777b
rgb(150,119,123)
-
#a06d74
#a06d74
rgb(160,109,116)
-
#a9646d
#a9646d
rgb(169,100,109)
-
#b25b66
#b25b66
rgb(178,91,102)
-
#bb525f
#bb525f
rgb(187,82,95)
-
#c54858
#c54858
rgb(197,72,88)
-
#ce3f52
#ce3f52
rgb(206,63,82)
-
#d7364b
#d7364b
rgb(215,54,75)
-
#e02d44
#e02d44
rgb(224,45,68)
-
#ea233d
#ea233d
rgb(234,35,61)
-
#f31a36
#f31a36
rgb(243,26,54)
-
#fc112f
#fc112f
rgb(252,17,47)
Color Blindness Simulator
Below, you can see how #f31a36 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.