#f31027 Color Information
In a RGB color space, hex #f31027 is composed of 95.3% red, 6.3% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.4% magenta, 84% yellow and 4.7% black. It has a hue angle of 353.9 degrees, a saturation of 90.4% and a lightness of 50.8%. #f31027 color hex could be obtained by blending #ff204e with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 6
- B 15
-
- C 0
- M 93
- Y 84
- K 5
● #f31027 color description : Vivid red.
#f31027 Color Conversion
The hexadecimal color #f31027 has RGB values of R:243, G:16, B:39 and CMYK values of C:0, M:0.93, Y:0.84, K:0.05. Its decimal value is 15929383.
Hex triplet | f31027 | #f31027 |
---|---|---|
RGB Decimal | 243, 16, 39 | rgb(243,16,39) |
RGB Percent | 95.3, 6.3, 15.3 | rgb(95.3%,6.3%,15.3%) |
CMYK | 0, 93, 84, 5 | |
HSL | 353.9°, 90.4, 50.8 | hsl(353.9,90.4%,50.8%) |
HSV (or HSB) | 353.9°, 93.4, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.355, 76.447, 51.217 |
---|---|
XYZ | 37.516, 19.577, 3.723 |
xyY | 0.617, 0.322, 19.577 |
CIE-LCH | 51.355, 92.018, 33.821 |
CIE-LUV | 51.355, 160.57, 30.935 |
Hunter-Lab | 44.246, 73.92, 25.983 |
Binary | 11110011, 00010000, 00100111 |
Color Schemes with #f31027
Alternatives to #f31027
Below, you can see some colors close to #f31027. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31027 Preview
This text has a font color of #f31027.
<span style="color:#f31027;">Text here</span>
This paragraph has a background color of #f31027.
<p style="background-color:#f31027;">Content here</p>
This element has a border color of #f31027.
<div style="border:1px solid #f31027;">Content here</div>
.text {color:#f31027;}
.background {background-color:#f31027;}
.border {border:1px solid #f31027;}
Shades and Tints of #f31027
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, #040001 is the darkest color, while #fef0f2 is the lightest one.
-
#040001
#040001
rgb(4,0,1)
-
#160103
#160103
rgb(22,1,3)
-
#290206
#290206
rgb(41,2,6)
-
#3c0309
#3c0309
rgb(60,3,9)
-
#4f040b
#4f040b
rgb(79,4,11)
-
#61050e
#61050e
rgb(97,5,14)
-
#740611
#740611
rgb(116,6,17)
-
#870714
#870714
rgb(135,7,20)
-
#990816
#990816
rgb(153,8,22)
-
#ac0919
#ac0919
rgb(172,9,25)
-
#bf0a1c
#bf0a1c
rgb(191,10,28)
-
#d10b1f
#d10b1f
rgb(209,11,31)
-
#e40b21
#e40b21
rgb(228,11,33)
-
#f31027
#f31027
rgb(243,16,39)
-
#f42338
#f42338
rgb(244,35,56)
-
#f53549
#f53549
rgb(245,53,73)
-
#f6485a
#f6485a
rgb(246,72,90)
-
#f75b6b
#f75b6b
rgb(247,91,107)
-
#f86d7b
#f86d7b
rgb(248,109,123)
-
#f9808c
#f9808c
rgb(249,128,140)
-
#fa939d
#fa939d
rgb(250,147,157)
-
#fba5ae
#fba5ae
rgb(251,165,174)
-
#fbb8bf
#fbb8bf
rgb(251,184,191)
-
#fccbd0
#fccbd0
rgb(252,203,208)
-
#fddde1
#fddde1
rgb(253,221,225)
-
#fef0f2
#fef0f2
rgb(254,240,242)
Tones of #f31027
A tone is produced by adding gray to any pure hue. In this case, #897a7c is the less saturated color, while #fd061f is the most saturated one.
-
#897a7c
#897a7c
rgb(137,122,124)
-
#927174
#927174
rgb(146,113,116)
-
#9c676c
#9c676c
rgb(156,103,108)
-
#a65d65
#a65d65
rgb(166,93,101)
-
#af545d
#af545d
rgb(175,84,93)
-
#b94a55
#b94a55
rgb(185,74,85)
-
#c3404d
#c3404d
rgb(195,64,77)
-
#cc3746
#cc3746
rgb(204,55,70)
-
#d62d3e
#d62d3e
rgb(214,45,62)
-
#e02336
#e02336
rgb(224,35,54)
-
#e91a2f
#e91a2f
rgb(233,26,47)
-
#f31027
#f31027
rgb(243,16,39)
-
#fd061f
#fd061f
rgb(253,6,31)
Color Blindness Simulator
Below, you can see how #f31027 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.