#f31638 Color Information
In a RGB color space, hex #f31638 is composed of 95.3% red, 8.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.9% magenta, 77% yellow and 4.7% black. It has a hue angle of 350.8 degrees, a saturation of 90.2% and a lightness of 52%. #f31638 color hex could be obtained by blending #ff2c70 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 9
- B 22
-
- C 0
- M 91
- Y 77
- K 5
● #f31638 color description : Vivid red.
#f31638 Color Conversion
The hexadecimal color #f31638 has RGB values of R:243, G:22, B:56 and CMYK values of C:0, M:0.91, Y:0.77, K:0.05. Its decimal value is 15930936.
Hex triplet | f31638 | #f31638 |
---|---|---|
RGB Decimal | 243, 22, 56 | rgb(243,22,56) |
RGB Percent | 95.3, 8.6, 22 | rgb(95.3%,8.6%,22%) |
CMYK | 0, 91, 77, 5 | |
HSL | 350.8°, 90.2, 52 | hsl(350.8,90.2%,52%) |
HSV (or HSB) | 350.8°, 90.9, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.745, 76.223, 42.483 |
---|---|
XYZ | 37.965, 19.919, 5.587 |
xyY | 0.598, 0.314, 19.919 |
CIE-LCH | 51.745, 87.262, 29.133 |
CIE-LUV | 51.745, 155.887, 26.087 |
Hunter-Lab | 44.631, 73.737, 23.819 |
Binary | 11110011, 00010110, 00111000 |
Color Schemes with #f31638
Alternatives to #f31638
Below, you can see some colors close to #f31638. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31638 Preview
This text has a font color of #f31638.
<span style="color:#f31638;">Text here</span>
This paragraph has a background color of #f31638.
<p style="background-color:#f31638;">Content here</p>
This element has a border color of #f31638.
<div style="border:1px solid #f31638;">Content here</div>
.text {color:#f31638;}
.background {background-color:#f31638;}
.border {border:1px solid #f31638;}
Shades and Tints of #f31638
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, #0a0002 is the darkest color, while #fff6f7 is the lightest one.
-
#0a0002
#0a0002
rgb(10,0,2)
-
#1c0106
#1c0106
rgb(28,1,6)
-
#2f0209
#2f0209
rgb(47,2,9)
-
#41030d
#41030d
rgb(65,3,13)
-
#540411
#540411
rgb(84,4,17)
-
#670514
#670514
rgb(103,5,20)
-
#790618
#790618
rgb(121,6,24)
-
#8c071c
#8c071c
rgb(140,7,28)
-
#9f081f
#9f081f
rgb(159,8,31)
-
#b10923
#b10923
rgb(177,9,35)
-
#c40a27
#c40a27
rgb(196,10,39)
-
#d70b2a
#d70b2a
rgb(215,11,42)
-
#e90c2e
#e90c2e
rgb(233,12,46)
-
#f31638
#f31638
rgb(243,22,56)
-
#f42948
#f42948
rgb(244,41,72)
-
#f53b58
#f53b58
rgb(245,59,88)
-
#f64e68
#f64e68
rgb(246,78,104)
-
#f76178
#f76178
rgb(247,97,120)
-
#f87388
#f87388
rgb(248,115,136)
-
#f98698
#f98698
rgb(249,134,152)
-
#fa99a8
#fa99a8
rgb(250,153,168)
-
#fbabb7
#fbabb7
rgb(251,171,183)
-
#fcbec7
#fcbec7
rgb(252,190,199)
-
#fdd1d7
#fdd1d7
rgb(253,209,215)
-
#fee3e7
#fee3e7
rgb(254,227,231)
-
#fff6f7
#fff6f7
rgb(255,246,247)
Tones of #f31638
A tone is produced by adding gray to any pure hue. In this case, #8b7e80 is the less saturated color, while #fc0d31 is the most saturated one.
-
#8b7e80
#8b7e80
rgb(139,126,128)
-
#957479
#957479
rgb(149,116,121)
-
#9e6b73
#9e6b73
rgb(158,107,115)
-
#a8616c
#a8616c
rgb(168,97,108)
-
#b15866
#b15866
rgb(177,88,102)
-
#ba4f5f
#ba4f5f
rgb(186,79,95)
-
#c44559
#c44559
rgb(196,69,89)
-
#cd3c52
#cd3c52
rgb(205,60,82)
-
#d7324c
#d7324c
rgb(215,50,76)
-
#e02945
#e02945
rgb(224,41,69)
-
#ea1f3f
#ea1f3f
rgb(234,31,63)
-
#f31638
#f31638
rgb(243,22,56)
-
#fc0d31
#fc0d31
rgb(252,13,49)
Color Blindness Simulator
Below, you can see how #f31638 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.