#f31c20 Color Information
In a RGB color space, hex #f31c20 is composed of 95.3% red, 11% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.5% magenta, 86.8% yellow and 4.7% black. It has a hue angle of 358.9 degrees, a saturation of 90% and a lightness of 53.1%. #f31c20 color hex could be obtained by blending #ff3840 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 11
- B 13
-
- C 0
- M 88
- Y 87
- K 5
● #f31c20 color description : Vivid red.
#f31c20 Color Conversion
The hexadecimal color #f31c20 has RGB values of R:243, G:28, B:32 and CMYK values of C:0, M:0.88, Y:0.87, K:0.05. Its decimal value is 15932448.
Hex triplet | f31c20 | #f31c20 |
---|---|---|
RGB Decimal | 243, 28, 32 | rgb(243,28,32) |
RGB Percent | 95.3, 11, 12.5 | rgb(95.3%,11%,12.5%) |
CMYK | 0, 88, 87, 5 | |
HSL | 358.9°, 90, 53.1 | hsl(358.9,90%,53.1%) |
HSV (or HSB) | 358.9°, 88.5, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.831, 74.802, 54.949 |
---|---|
XYZ | 37.64, 19.994, 3.244 |
xyY | 0.618, 0.328, 19.994 |
CIE-LCH | 51.831, 92.815, 36.301 |
CIE-LUV | 51.831, 158.81, 33.569 |
Hunter-Lab | 44.715, 72.006, 26.999 |
Binary | 11110011, 00011100, 00100000 |
Color Schemes with #f31c20
Alternatives to #f31c20
Below, you can see some colors close to #f31c20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31c20 Preview
This text has a font color of #f31c20.
<span style="color:#f31c20;">Text here</span>
This paragraph has a background color of #f31c20.
<p style="background-color:#f31c20;">Content here</p>
This element has a border color of #f31c20.
<div style="border:1px solid #f31c20;">Content here</div>
.text {color:#f31c20;}
.background {background-color:#f31c20;}
.border {border:1px solid #f31c20;}
Shades and Tints of #f31c20
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, #0f0101 is the darkest color, while #fffcfc is the lightest one.
-
#0f0101
#0f0101
rgb(15,1,1)
-
#220202
#220202
rgb(34,2,2)
-
#340304
#340304
rgb(52,3,4)
-
#470405
#470405
rgb(71,4,5)
-
#5a0506
#5a0506
rgb(90,5,6)
-
#6c0608
#6c0608
rgb(108,6,8)
-
#7f0709
#7f0709
rgb(127,7,9)
-
#92080a
#92080a
rgb(146,8,10)
-
#a4090c
#a4090c
rgb(164,9,12)
-
#b70a0d
#b70a0d
rgb(183,10,13)
-
#ca0b0e
#ca0b0e
rgb(202,11,14)
-
#dc0c10
#dc0c10
rgb(220,12,16)
-
#ef0d11
#ef0d11
rgb(239,13,17)
-
#f31c20
#f31c20
rgb(243,28,32)
-
#f42f32
#f42f32
rgb(244,47,50)
-
#f54145
#f54145
rgb(245,65,69)
-
#f65457
#f65457
rgb(246,84,87)
-
#f76769
#f76769
rgb(247,103,105)
-
#f8797c
#f8797c
rgb(248,121,124)
-
#f98c8e
#f98c8e
rgb(249,140,142)
-
#fa9ea0
#fa9ea0
rgb(250,158,160)
-
#fbb1b2
#fbb1b2
rgb(251,177,178)
-
#fcc4c5
#fcc4c5
rgb(252,196,197)
-
#fdd6d7
#fdd6d7
rgb(253,214,215)
-
#fee9e9
#fee9e9
rgb(254,233,233)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f31c20
A tone is produced by adding gray to any pure hue. In this case, #8e8181 is the less saturated color, while #fc1317 is the most saturated one.
-
#8e8181
#8e8181
rgb(142,129,129)
-
#977879
#977879
rgb(151,120,121)
-
#a06f70
#a06f70
rgb(160,111,112)
-
#a96667
#a96667
rgb(169,102,103)
-
#b35c5e
#b35c5e
rgb(179,92,94)
-
#bc5355
#bc5355
rgb(188,83,85)
-
#c54a4c
#c54a4c
rgb(197,74,76)
-
#ce4143
#ce4143
rgb(206,65,67)
-
#d7383b
#d7383b
rgb(215,56,59)
-
#e12e32
#e12e32
rgb(225,46,50)
-
#ea2529
#ea2529
rgb(234,37,41)
-
#f31c20
#f31c20
rgb(243,28,32)
-
#fc1317
#fc1317
rgb(252,19,23)
Color Blindness Simulator
Below, you can see how #f31c20 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.