#f81424 Color Information
In a RGB color space, hex #f81424 is composed of 97.3% red, 7.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.9% magenta, 85.5% yellow and 2.7% black. It has a hue angle of 355.8 degrees, a saturation of 94.2% and a lightness of 52.5%. #f81424 color hex could be obtained by blending #ff2848 with #f10000. Closest websafe color is: #ff0033.
-
- R 97
- G 8
- B 14
-
- C 0
- M 92
- Y 85
- K 3
● #f81424 color description : Vivid red.
#f81424 Color Conversion
The hexadecimal color #f81424 has RGB values of R:248, G:20, B:36 and CMYK values of C:0, M:0.92, Y:0.85, K:0.03. Its decimal value is 16258084.
Hex triplet | f81424 | #f81424 |
---|---|---|
RGB Decimal | 248, 20, 36 | rgb(248,20,36) |
RGB Percent | 97.3, 7.8, 14.1 | rgb(97.3%,7.8%,14.1%) |
CMYK | 0, 92, 85, 3 | |
HSL | 355.8°, 94.2, 52.5 | hsl(355.8,94.2%,52.5%) |
HSV (or HSB) | 355.8°, 91.9, 97.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.497, 77.193, 54.057 |
---|---|
XYZ | 39.282, 20.589, 3.575 |
xyY | 0.619, 0.325, 20.589 |
CIE-LCH | 52.497, 94.239, 35.003 |
CIE-LUV | 52.497, 163.812, 32.793 |
Hunter-Lab | 45.375, 75.123, 27.092 |
Binary | 11111000, 00010100, 00100100 |
Color Schemes with #f81424
Alternatives to #f81424
Below, you can see some colors close to #f81424. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81424 Preview
This text has a font color of #f81424.
<span style="color:#f81424;">Text here</span>
This paragraph has a background color of #f81424.
<p style="background-color:#f81424;">Content here</p>
This element has a border color of #f81424.
<div style="border:1px solid #f81424;">Content here</div>
.text {color:#f81424;}
.background {background-color:#f81424;}
.border {border:1px solid #f81424;}
Shades and Tints of #f81424
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, #0d0001 is the darkest color, while #fff9f9 is the lightest one.
-
#0d0001
#0d0001
rgb(13,0,1)
-
#200103
#200103
rgb(32,1,3)
-
#330205
#330205
rgb(51,2,5)
-
#460207
#460207
rgb(70,2,7)
-
#590309
#590309
rgb(89,3,9)
-
#6c030b
#6c030b
rgb(108,3,11)
-
#7f040c
#7f040c
rgb(127,4,12)
-
#92040e
#92040e
rgb(146,4,14)
-
#a50510
#a50510
rgb(165,5,16)
-
#b80512
#b80512
rgb(184,5,18)
-
#cb0614
#cb0614
rgb(203,6,20)
-
#de0716
#de0716
rgb(222,7,22)
-
#f10718
#f10718
rgb(241,7,24)
-
#f81424
#f81424
rgb(248,20,36)
-
#f92736
#f92736
rgb(249,39,54)
-
#f93a48
#f93a48
rgb(249,58,72)
-
#fa4d59
#fa4d59
rgb(250,77,89)
-
#fa606b
#fa606b
rgb(250,96,107)
-
#fb737d
#fb737d
rgb(251,115,125)
-
#fb868f
#fb868f
rgb(251,134,143)
-
#fc99a0
#fc99a0
rgb(252,153,160)
-
#fdacb2
#fdacb2
rgb(253,172,178)
-
#fdbfc4
#fdbfc4
rgb(253,191,196)
-
#fed2d6
#fed2d6
rgb(254,210,214)
-
#fee6e7
#fee6e7
rgb(254,230,231)
-
#fff9f9
#fff9f9
rgb(255,249,249)
Tones of #f81424
A tone is produced by adding gray to any pure hue. In this case, #888484 is the less saturated color, while #f81424 is the most saturated one.
-
#888484
#888484
rgb(136,132,132)
-
#927a7c
#927a7c
rgb(146,122,124)
-
#9b7174
#9b7174
rgb(155,113,116)
-
#a4686c
#a4686c
rgb(164,104,108)
-
#ae5e64
#ae5e64
rgb(174,94,100)
-
#b7555c
#b7555c
rgb(183,85,92)
-
#c04c54
#c04c54
rgb(192,76,84)
-
#c9434c
#c9434c
rgb(201,67,76)
-
#d33944
#d33944
rgb(211,57,68)
-
#dc303c
#dc303c
rgb(220,48,60)
-
#e52734
#e52734
rgb(229,39,52)
-
#ef1d2c
#ef1d2c
rgb(239,29,44)
-
#f81424
#f81424
rgb(248,20,36)
Color Blindness Simulator
Below, you can see how #f81424 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.