#f31300 Color Information
In a RGB color space, hex #f31300 is composed of 95.3% red, 7.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.2% magenta, 100% yellow and 4.7% black. It has a hue angle of 4.7 degrees, a saturation of 100% and a lightness of 47.6%. #f31300 color hex could be obtained by blending #ff2600 with #e70000. Closest websafe color is: #ff0000.
-
- R 95
- G 7
- B 0
-
- C 0
- M 92
- Y 100
- K 5
● #f31300 color description : Pure (or mostly pure) red.
#f31300 Color Conversion
The hexadecimal color #f31300 has RGB values of R:243, G:19, B:0 and CMYK values of C:0, M:0.92, Y:1, K:0.05. Its decimal value is 15930112.
Hex triplet | f31300 | #f31300 |
---|---|---|
RGB Decimal | 243, 19, 0 | rgb(243,19,0) |
RGB Percent | 95.3, 7.5, 0 | rgb(95.3%,7.5%,0%) |
CMYK | 0, 92, 100, 5 | |
HSL | 4.7°, 100, 47.6 | hsl(4.7,100%,47.6%) |
HSV (or HSB) | 4.7°, 100, 95.3 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.296, 75.659, 64.982 |
---|---|
XYZ | 37.197, 19.525, 1.81 |
xyY | 0.635, 0.334, 19.525 |
CIE-LCH | 51.296, 99.735, 40.659 |
CIE-LUV | 51.296, 163.8, 36.964 |
Hunter-Lab | 44.188, 72.933, 28.502 |
Binary | 11110011, 00010011, 00000000 |
Color Schemes with #f31300
Alternatives to #f31300
Below, you can see some colors close to #f31300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31300 Preview
This text has a font color of #f31300.
<span style="color:#f31300;">Text here</span>
This paragraph has a background color of #f31300.
<p style="background-color:#f31300;">Content here</p>
This element has a border color of #f31300.
<div style="border:1px solid #f31300;">Content here</div>
.text {color:#f31300;}
.background {background-color:#f31300;}
.border {border:1px solid #f31300;}
Shades and Tints of #f31300
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, #080100 is the darkest color, while #fff4f3 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1b0200
#1b0200
rgb(27,2,0)
-
#2f0400
#2f0400
rgb(47,4,0)
-
#420500
#420500
rgb(66,5,0)
-
#560700
#560700
rgb(86,7,0)
-
#6a0800
#6a0800
rgb(106,8,0)
-
#7d0a00
#7d0a00
rgb(125,10,0)
-
#910b00
#910b00
rgb(145,11,0)
-
#a50d00
#a50d00
rgb(165,13,0)
-
#b80e00
#b80e00
rgb(184,14,0)
-
#cc1000
#cc1000
rgb(204,16,0)
-
#df1100
#df1100
rgb(223,17,0)
-
#f31300
#f31300
rgb(243,19,0)
-
#ff1b08
#ff1b08
rgb(255,27,8)
-
#ff2d1b
#ff2d1b
rgb(255,45,27)
-
#ff3f2f
#ff3f2f
rgb(255,63,47)
-
#ff5142
#ff5142
rgb(255,81,66)
-
#ff6356
#ff6356
rgb(255,99,86)
-
#ff756a
#ff756a
rgb(255,117,106)
-
#ff877d
#ff877d
rgb(255,135,125)
-
#ff9a91
#ff9a91
rgb(255,154,145)
-
#ffaca5
#ffaca5
rgb(255,172,165)
-
#ffbeb8
#ffbeb8
rgb(255,190,184)
-
#ffd0cc
#ffd0cc
rgb(255,208,204)
-
#ffe2df
#ffe2df
rgb(255,226,223)
-
#fff4f3
#fff4f3
rgb(255,244,243)
Tones of #f31300
A tone is produced by adding gray to any pure hue. In this case, #837270 is the less saturated color, while #f31300 is the most saturated one.
-
#837270
#837270
rgb(131,114,112)
-
#8c6a67
#8c6a67
rgb(140,106,103)
-
#96625d
#96625d
rgb(150,98,93)
-
#9f5a54
#9f5a54
rgb(159,90,84)
-
#a8524b
#a8524b
rgb(168,82,75)
-
#b24a41
#b24a41
rgb(178,74,65)
-
#bb4238
#bb4238
rgb(187,66,56)
-
#c43a2f
#c43a2f
rgb(196,58,47)
-
#ce3325
#ce3325
rgb(206,51,37)
-
#d72b1c
#d72b1c
rgb(215,43,28)
-
#e02313
#e02313
rgb(224,35,19)
-
#ea1b09
#ea1b09
rgb(234,27,9)
-
#f31300
#f31300
rgb(243,19,0)
Color Blindness Simulator
Below, you can see how #f31300 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.