#f81525 Color Information
In a RGB color space, hex #f81525 is composed of 97.3% red, 8.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 85.1% yellow and 2.7% black. It has a hue angle of 355.8 degrees, a saturation of 94.2% and a lightness of 52.7%. #f81525 color hex could be obtained by blending #ff2a4a with #f10000. Closest websafe color is: #ff0033.
-
- R 97
- G 8
- B 15
-
- C 0
- M 92
- Y 85
- K 3
● #f81525 color description : Vivid red.
#f81525 Color Conversion
The hexadecimal color #f81525 has RGB values of R:248, G:21, B:37 and CMYK values of C:0, M:0.92, Y:0.85, K:0.03. Its decimal value is 16258341.
Hex triplet | f81525 | #f81525 |
---|---|---|
RGB Decimal | 248, 21, 37 | rgb(248,21,37) |
RGB Percent | 97.3, 8.2, 14.5 | rgb(97.3%,8.2%,14.5%) |
CMYK | 0, 92, 85, 3 | |
HSL | 355.8°, 94.2, 52.7 | hsl(355.8,94.2%,52.7%) |
HSV (or HSB) | 355.8°, 91.5, 97.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.544, 77.098, 53.619 |
---|---|
XYZ | 39.316, 20.632, 3.662 |
xyY | 0.618, 0.324, 20.632 |
CIE-LCH | 52.544, 93.909, 34.817 |
CIE-LUV | 52.544, 163.44, 32.633 |
Hunter-Lab | 45.422, 75.015, 27.015 |
Binary | 11111000, 00010101, 00100101 |
Color Schemes with #f81525
Alternatives to #f81525
Below, you can see some colors close to #f81525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81525 Preview
This text has a font color of #f81525.
<span style="color:#f81525;">Text here</span>
This paragraph has a background color of #f81525.
<p style="background-color:#f81525;">Content here</p>
This element has a border color of #f81525.
<div style="border:1px solid #f81525;">Content here</div>
.text {color:#f81525;}
.background {background-color:#f81525;}
.border {border:1px solid #f81525;}
Shades and Tints of #f81525
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, #0e0001 is the darkest color, while #fffafa is the lightest one.
-
#0e0001
#0e0001
rgb(14,0,1)
-
#210103
#210103
rgb(33,1,3)
-
#340205
#340205
rgb(52,2,5)
-
#470207
#470207
rgb(71,2,7)
-
#5a0309
#5a0309
rgb(90,3,9)
-
#6d030b
#6d030b
rgb(109,3,11)
-
#80040d
#80040d
rgb(128,4,13)
-
#93040e
#93040e
rgb(147,4,14)
-
#a60510
#a60510
rgb(166,5,16)
-
#b90612
#b90612
rgb(185,6,18)
-
#cc0614
#cc0614
rgb(204,6,20)
-
#df0716
#df0716
rgb(223,7,22)
-
#f20718
#f20718
rgb(242,7,24)
-
#f81525
#f81525
rgb(248,21,37)
-
#f92837
#f92837
rgb(249,40,55)
-
#f93b48
#f93b48
rgb(249,59,72)
-
#fa4e5a
#fa4e5a
rgb(250,78,90)
-
#fa616c
#fa616c
rgb(250,97,108)
-
#fb747e
#fb747e
rgb(251,116,126)
-
#fb878f
#fb878f
rgb(251,135,143)
-
#fc9aa1
#fc9aa1
rgb(252,154,161)
-
#fdadb3
#fdadb3
rgb(253,173,179)
-
#fdc0c5
#fdc0c5
rgb(253,192,197)
-
#fed3d6
#fed3d6
rgb(254,211,214)
-
#fee7e8
#fee7e8
rgb(254,231,232)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f81525
A tone is produced by adding gray to any pure hue. In this case, #898485 is the less saturated color, while #f81525 is the most saturated one.
-
#898485
#898485
rgb(137,132,133)
-
#927b7d
#927b7d
rgb(146,123,125)
-
#9b7275
#9b7275
rgb(155,114,117)
-
#a5686d
#a5686d
rgb(165,104,109)
-
#ae5f65
#ae5f65
rgb(174,95,101)
-
#b7565d
#b7565d
rgb(183,86,93)
-
#c04d55
#c04d55
rgb(192,77,85)
-
#ca434d
#ca434d
rgb(202,67,77)
-
#d33a45
#d33a45
rgb(211,58,69)
-
#dc313d
#dc313d
rgb(220,49,61)
-
#e52835
#e52835
rgb(229,40,53)
-
#ef1e2d
#ef1e2d
rgb(239,30,45)
-
#f81525
#f81525
rgb(248,21,37)
Color Blindness Simulator
Below, you can see how #f81525 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.