#f81022 Color Information
In a RGB color space, hex #f81022 is composed of 97.3% red, 6.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 86.3% yellow and 2.7% black. It has a hue angle of 355.3 degrees, a saturation of 94.3% and a lightness of 51.8%. #f81022 color hex could be obtained by blending #ff2044 with #f10000. Closest websafe color is: #ff0033.
-
- R 97
- G 6
- B 13
-
- C 0
- M 94
- Y 86
- K 3
● #f81022 color description : Vivid red.
#f81022 Color Conversion
The hexadecimal color #f81022 has RGB values of R:248, G:16, B:34 and CMYK values of C:0, M:0.94, Y:0.86, K:0.03. Its decimal value is 16257058.
Hex triplet | f81022 | #f81022 |
---|---|---|
RGB Decimal | 248, 16, 34 | rgb(248,16,34) |
RGB Percent | 97.3, 6.3, 13.3 | rgb(97.3%,6.3%,13.3%) |
CMYK | 0, 94, 86, 3 | |
HSL | 355.3°, 94.3, 51.8 | hsl(355.3,94.3%,51.8%) |
HSV (or HSB) | 355.3°, 93.5, 97.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 52.34, 77.573, 54.867 |
---|---|
XYZ | 39.188, 20.448, 3.397 |
xyY | 0.622, 0.324, 20.448 |
CIE-LCH | 52.34, 95.015, 35.272 |
CIE-LUV | 52.34, 164.901, 32.976 |
Hunter-Lab | 45.219, 75.557, 27.2 |
Binary | 11111000, 00010000, 00100010 |
Color Schemes with #f81022
Alternatives to #f81022
Below, you can see some colors close to #f81022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81022 Preview
This text has a font color of #f81022.
<span style="color:#f81022;">Text here</span>
This paragraph has a background color of #f81022.
<p style="background-color:#f81022;">Content here</p>
This element has a border color of #f81022.
<div style="border:1px solid #f81022;">Content here</div>
.text {color:#f81022;}
.background {background-color:#f81022;}
.border {border:1px solid #f81022;}
Shades and Tints of #f81022
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, #090001 is the darkest color, while #fff5f5 is the lightest one.
-
#090001
#090001
rgb(9,0,1)
-
#1c0103
#1c0103
rgb(28,1,3)
-
#2f0105
#2f0105
rgb(47,1,5)
-
#420207
#420207
rgb(66,2,7)
-
#550209
#550209
rgb(85,2,9)
-
#68030b
#68030b
rgb(104,3,11)
-
#7b040d
#7b040d
rgb(123,4,13)
-
#8e040f
#8e040f
rgb(142,4,15)
-
#a10511
#a10511
rgb(161,5,17)
-
#b40513
#b40513
rgb(180,5,19)
-
#c70615
#c70615
rgb(199,6,21)
-
#da0617
#da0617
rgb(218,6,23)
-
#ed0719
#ed0719
rgb(237,7,25)
-
#f81022
#f81022
rgb(248,16,34)
-
#f92334
#f92334
rgb(249,35,52)
-
#f93645
#f93645
rgb(249,54,69)
-
#fa4957
#fa4957
rgb(250,73,87)
-
#fa5c68
#fa5c68
rgb(250,92,104)
-
#fb6f7a
#fb6f7a
rgb(251,111,122)
-
#fb828c
#fb828c
rgb(251,130,140)
-
#fc959d
#fc959d
rgb(252,149,157)
-
#fca8af
#fca8af
rgb(252,168,175)
-
#fdbcc1
#fdbcc1
rgb(253,188,193)
-
#fecfd2
#fecfd2
rgb(254,207,210)
-
#fee2e4
#fee2e4
rgb(254,226,228)
-
#fff5f5
#fff5f5
rgb(255,245,245)
Tones of #f81022
A tone is produced by adding gray to any pure hue. In this case, #868282 is the less saturated color, while #f81022 is the most saturated one.
-
#868282
#868282
rgb(134,130,130)
-
#90787a
#90787a
rgb(144,120,122)
-
#996f72
#996f72
rgb(153,111,114)
-
#a3656a
#a3656a
rgb(163,101,106)
-
#ac5c62
#ac5c62
rgb(172,92,98)
-
#b6525a
#b6525a
rgb(182,82,90)
-
#bf4952
#bf4952
rgb(191,73,82)
-
#c93f4a
#c93f4a
rgb(201,63,74)
-
#d23642
#d23642
rgb(210,54,66)
-
#dc2c3a
#dc2c3a
rgb(220,44,58)
-
#e52332
#e52332
rgb(229,35,50)
-
#ef192a
#ef192a
rgb(239,25,42)
-
#f81022
#f81022
rgb(248,16,34)
Color Blindness Simulator
Below, you can see how #f81022 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.