#f81522 Color Information
In a RGB color space, hex #f81522 is composed of 97.3% red, 8.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 86.3% yellow and 2.7% black. It has a hue angle of 356.6 degrees, a saturation of 94.2% and a lightness of 52.7%. #f81522 color hex could be obtained by blending #ff2a44 with #f10000. Closest websafe color is: #ff0033.
-
- R 97
- G 8
- B 13
-
- C 0
- M 92
- Y 86
- K 3
● #f81522 color description : Vivid red.
#f81522 Color Conversion
The hexadecimal color #f81522 has RGB values of R:248, G:21, B:34 and CMYK values of C:0, M:0.92, Y:0.86, K:0.03. Its decimal value is 16258338.
Hex triplet | f81522 | #f81522 |
---|---|---|
RGB Decimal | 248, 21, 34 | rgb(248,21,34) |
RGB Percent | 97.3, 8.2, 13.3 | rgb(97.3%,8.2%,13.3%) |
CMYK | 0, 92, 86, 3 | |
HSL | 356.6°, 94.2, 52.7 | hsl(356.6,94.2%,52.7%) |
HSV (or HSB) | 356.6°, 91.5, 97.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.524, 77.041, 55.014 |
---|---|
XYZ | 39.27, 20.613, 3.424 |
xyY | 0.62, 0.326, 20.613 |
CIE-LCH | 52.524, 94.667, 35.53 |
CIE-LUV | 52.524, 163.891, 33.323 |
Hunter-Lab | 45.402, 74.94, 27.31 |
Binary | 11111000, 00010101, 00100010 |
Color Schemes with #f81522
Alternatives to #f81522
Below, you can see some colors close to #f81522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81522 Preview
This text has a font color of #f81522.
<span style="color:#f81522;">Text here</span>
This paragraph has a background color of #f81522.
<p style="background-color:#f81522;">Content here</p>
This element has a border color of #f81522.
<div style="border:1px solid #f81522;">Content here</div>
.text {color:#f81522;}
.background {background-color:#f81522;}
.border {border:1px solid #f81522;}
Shades and Tints of #f81522
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)
-
#340204
#340204
rgb(52,2,4)
-
#470206
#470206
rgb(71,2,6)
-
#5a0308
#5a0308
rgb(90,3,8)
-
#6d0309
#6d0309
rgb(109,3,9)
-
#80040b
#80040b
rgb(128,4,11)
-
#93040d
#93040d
rgb(147,4,13)
-
#a6050e
#a6050e
rgb(166,5,14)
-
#b90610
#b90610
rgb(185,6,16)
-
#cc0611
#cc0611
rgb(204,6,17)
-
#df0713
#df0713
rgb(223,7,19)
-
#f20715
#f20715
rgb(242,7,21)
-
#f81522
#f81522
rgb(248,21,34)
-
#f92834
#f92834
rgb(249,40,52)
-
#f93b46
#f93b46
rgb(249,59,70)
-
#fa4e58
#fa4e58
rgb(250,78,88)
-
#fa616a
#fa616a
rgb(250,97,106)
-
#fb747c
#fb747c
rgb(251,116,124)
-
#fb878e
#fb878e
rgb(251,135,142)
-
#fc9aa0
#fc9aa0
rgb(252,154,160)
-
#fdadb2
#fdadb2
rgb(253,173,178)
-
#fdc0c4
#fdc0c4
rgb(253,192,196)
-
#fed3d6
#fed3d6
rgb(254,211,214)
-
#fee7e8
#fee7e8
rgb(254,231,232)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f81522
A tone is produced by adding gray to any pure hue. In this case, #898484 is the less saturated color, while #f81522 is the most saturated one.
-
#898484
#898484
rgb(137,132,132)
-
#927b7c
#927b7c
rgb(146,123,124)
-
#9b7274
#9b7274
rgb(155,114,116)
-
#a5686c
#a5686c
rgb(165,104,108)
-
#ae5f64
#ae5f64
rgb(174,95,100)
-
#b7565b
#b7565b
rgb(183,86,91)
-
#c04d53
#c04d53
rgb(192,77,83)
-
#ca434b
#ca434b
rgb(202,67,75)
-
#d33a43
#d33a43
rgb(211,58,67)
-
#dc313b
#dc313b
rgb(220,49,59)
-
#e52832
#e52832
rgb(229,40,50)
-
#ef1e2a
#ef1e2a
rgb(239,30,42)
-
#f81522
#f81522
rgb(248,21,34)
Color Blindness Simulator
Below, you can see how #f81522 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.