#f61318 Color Information
In a RGB color space, hex #f61318 is composed of 96.5% red, 7.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.3% magenta, 90.2% yellow and 3.5% black. It has a hue angle of 358.7 degrees, a saturation of 92.7% and a lightness of 52%. #f61318 color hex could be obtained by blending #ff2630 with #ed0000. Closest websafe color is: #ff0000.
-
- R 96
- G 7
- B 9
-
- C 0
- M 92
- Y 90
- K 4
● #f61318 color description : Vivid red.
#f61318 Color Conversion
The hexadecimal color #f61318 has RGB values of R:246, G:19, B:24 and CMYK values of C:0, M:0.92, Y:0.9, K:0.04. Its decimal value is 16126744.
| Hex triplet | f61318 | #f61318 |
|---|---|---|
| RGB Decimal | 246, 19, 24 | rgb(246,19,24) |
| RGB Percent | 96.5, 7.5, 9.4 | rgb(96.5%,7.5%,9.4%) |
| CMYK | 0, 92, 90, 4 | |
| HSL | 358.7°, 92.7, 52 | hsl(358.7,92.7%,52%) |
| HSV (or HSB) | 358.7°, 92.3, 96.5 | |
| Web Safe | ff0000 | #ff0000 |
| CIE-LAB | 51.983, 76.617, 58.694 |
|---|---|
| XYZ | 38.406, 20.13, 2.727 |
| xyY | 0.627, 0.329, 20.13 |
| CIE-LCH | 51.983, 96.515, 37.455 |
| CIE-LUV | 51.983, 164.17, 34.777 |
| Hunter-Lab | 44.866, 74.283, 27.802 |
| Binary | 11110110, 00010011, 00011000 |
Color Schemes with #f61318
Alternatives to #f61318
Below, you can see some colors close to #f61318. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f61318 Preview
This text has a font color of #f61318.
<span style="color:#f61318;">Text here</span>
This paragraph has a background color of #f61318.
<p style="background-color:#f61318;">Content here</p>
This element has a border color of #f61318.
<div style="border:1px solid #f61318;">Content here</div>
.text {color:#f61318;}
.background {background-color:#f61318;}
.border {border:1px solid #f61318;}
Shades and Tints of #f61318
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, #0a0001 is the darkest color, while #fff6f6 is the lightest one.
-
#0a0001
#0a0001rgb(10,0,1) -
#1d0102
#1d0102rgb(29,1,2) -
#2f0203
#2f0203rgb(47,2,3) -
#420304
#420304rgb(66,3,4) -
#550305
#550305rgb(85,3,5) -
#680406
#680406rgb(104,4,6) -
#7b0507
#7b0507rgb(123,5,7) -
#8e0508
#8e0508rgb(142,5,8) -
#a1060a
#a1060argb(161,6,10) -
#b4070b
#b4070brgb(180,7,11) -
#c7080c
#c7080crgb(199,8,12) -
#d9080d
#d9080drgb(217,8,13) -
#ec090e
#ec090ergb(236,9,14)
-
#f61318
#f61318rgb(246,19,24) -
#f7262a
#f7262argb(247,38,42) -
#f7393d
#f7393drgb(247,57,61) -
#f84c4f
#f84c4frgb(248,76,79) -
#f95f62
#f95f62rgb(249,95,98) -
#fa7174
#fa7174rgb(250,113,116) -
#fa8487
#fa8487rgb(250,132,135) -
#fb9799
#fb9799rgb(251,151,153) -
#fcaaac
#fcaaacrgb(252,170,172) -
#fcbdbe
#fcbdbergb(252,189,190) -
#fdd0d1
#fdd0d1rgb(253,208,209) -
#fee3e3
#fee3e3rgb(254,227,227) -
#fff6f6
#fff6f6rgb(255,246,246)
Tones of #f61318
A tone is produced by adding gray to any pure hue. In this case, #858484 is the less saturated color, while #f61318 is the most saturated one.
-
#858484
#858484rgb(133,132,132) -
#8e7b7b
#8e7b7brgb(142,123,123) -
#987172
#987172rgb(152,113,114) -
#a16869
#a16869rgb(161,104,105) -
#ab5e60
#ab5e60rgb(171,94,96) -
#b45557
#b45557rgb(180,85,87) -
#bd4c4e
#bd4c4ergb(189,76,78) -
#c74245
#c74245rgb(199,66,69) -
#d0393c
#d0393crgb(208,57,60) -
#da2f33
#da2f33rgb(218,47,51) -
#e3262a
#e3262argb(227,38,42) -
#ed1c21
#ed1c21rgb(237,28,33) -
#f61318
#f61318rgb(246,19,24)
Color Blindness Simulator
Below, you can see how #f61318 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.
