#f31835 Color Information
In a RGB color space, hex #f31835 is composed of 95.3% red, 9.4% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 78.2% yellow and 4.7% black. It has a hue angle of 352.1 degrees, a saturation of 90.1% and a lightness of 52.4%. #f31835 color hex could be obtained by blending #ff306a with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 9
- B 21
-
- C 0
- M 90
- Y 78
- K 5
● #f31835 color description : Vivid red.
#f31835 Color Conversion
The hexadecimal color #f31835 has RGB values of R:243, G:24, B:53 and CMYK values of C:0, M:0.9, Y:0.78, K:0.05. Its decimal value is 15931445.
Hex triplet | f31835 | #f31835 |
---|---|---|
RGB Decimal | 243, 24, 53 | rgb(243,24,53) |
RGB Percent | 95.3, 9.4, 20.8 | rgb(95.3%,9.4%,20.8%) |
CMYK | 0, 90, 78, 5 | |
HSL | 352.1°, 90.1, 52.4 | hsl(352.1,90.1%,52.4%) |
HSV (or HSB) | 352.1°, 90.1, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.803, 75.872, 44.222 |
---|---|
XYZ | 37.933, 19.97, 5.225 |
xyY | 0.601, 0.316, 19.97 |
CIE-LCH | 51.803, 87.819, 30.236 |
CIE-LUV | 51.803, 156.109, 27.331 |
Hunter-Lab | 44.688, 73.317, 24.349 |
Binary | 11110011, 00011000, 00110101 |
Color Schemes with #f31835
Alternatives to #f31835
Below, you can see some colors close to #f31835. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31835 Preview
This text has a font color of #f31835.
<span style="color:#f31835;">Text here</span>
This paragraph has a background color of #f31835.
<p style="background-color:#f31835;">Content here</p>
This element has a border color of #f31835.
<div style="border:1px solid #f31835;">Content here</div>
.text {color:#f31835;}
.background {background-color:#f31835;}
.border {border:1px solid #f31835;}
Shades and Tints of #f31835
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, #0b0102 is the darkest color, while #fff8f9 is the lightest one.
-
#0b0102
#0b0102
rgb(11,1,2)
-
#1e0205
#1e0205
rgb(30,2,5)
-
#310309
#310309
rgb(49,3,9)
-
#43030c
#43030c
rgb(67,3,12)
-
#56040f
#56040f
rgb(86,4,15)
-
#690513
#690513
rgb(105,5,19)
-
#7b0616
#7b0616
rgb(123,6,22)
-
#8e0719
#8e0719
rgb(142,7,25)
-
#a1081d
#a1081d
rgb(161,8,29)
-
#b30920
#b30920
rgb(179,9,32)
-
#c60a23
#c60a23
rgb(198,10,35)
-
#d90b26
#d90b26
rgb(217,11,38)
-
#eb0c2a
#eb0c2a
rgb(235,12,42)
-
#f31835
#f31835
rgb(243,24,53)
-
#f42b45
#f42b45
rgb(244,43,69)
-
#f53d56
#f53d56
rgb(245,61,86)
-
#f65066
#f65066
rgb(246,80,102)
-
#f76376
#f76376
rgb(247,99,118)
-
#f87587
#f87587
rgb(248,117,135)
-
#f98897
#f98897
rgb(249,136,151)
-
#fa9ba7
#fa9ba7
rgb(250,155,167)
-
#fbadb7
#fbadb7
rgb(251,173,183)
-
#fcc0c8
#fcc0c8
rgb(252,192,200)
-
#fdd2d8
#fdd2d8
rgb(253,210,216)
-
#fee5e8
#fee5e8
rgb(254,229,232)
-
#fff8f9
#fff8f9
rgb(255,248,249)
Tones of #f31835
A tone is produced by adding gray to any pure hue. In this case, #8c7f81 is the less saturated color, while #fc0f2e is the most saturated one.
-
#8c7f81
#8c7f81
rgb(140,127,129)
-
#96757a
#96757a
rgb(150,117,122)
-
#9f6c73
#9f6c73
rgb(159,108,115)
-
#a8636c
#a8636c
rgb(168,99,108)
-
#b25965
#b25965
rgb(178,89,101)
-
#bb505e
#bb505e
rgb(187,80,94)
-
#c44757
#c44757
rgb(196,71,87)
-
#ce3d50
#ce3d50
rgb(206,61,80)
-
#d7344a
#d7344a
rgb(215,52,74)
-
#e02b43
#e02b43
rgb(224,43,67)
-
#ea213c
#ea213c
rgb(234,33,60)
-
#f31835
#f31835
rgb(243,24,53)
-
#fc0f2e
#fc0f2e
rgb(252,15,46)
Color Blindness Simulator
Below, you can see how #f31835 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.