#f81c35 Color Information
In a RGB color space, hex #f81c35 is composed of 97.3% red, 11% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 78.6% yellow and 2.7% black. It has a hue angle of 353.2 degrees, a saturation of 94% and a lightness of 54.1%. #f81c35 color hex could be obtained by blending #ff386a with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 11
- B 21
-
- C 0
- M 89
- Y 79
- K 3
● #f81c35 color description : Vivid red.
#f81c35 Color Conversion
The hexadecimal color #f81c35 has RGB values of R:248, G:28, B:53 and CMYK values of C:0, M:0.89, Y:0.79, K:0.03. Its decimal value is 16260149.
Hex triplet | f81c35 | #f81c35 |
---|---|---|
RGB Decimal | 248, 28, 53 | rgb(248,28,53) |
RGB Percent | 97.3, 11, 20.8 | rgb(97.3%,11%,20.8%) |
CMYK | 0, 89, 79, 3 | |
HSL | 353.2°, 94, 54.1 | hsl(353.2,94%,54.1%) |
HSV (or HSB) | 353.2°, 88.7, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.003, 76.551, 45.778 |
---|---|
XYZ | 39.771, 21.049, 5.337 |
xyY | 0.601, 0.318, 21.049 |
CIE-LCH | 53.003, 89.195, 30.88 |
CIE-LUV | 53.003, 158.73, 28.648 |
Hunter-Lab | 45.879, 74.447, 25.219 |
Binary | 11111000, 00011100, 00110101 |
Color Schemes with #f81c35
Alternatives to #f81c35
Below, you can see some colors close to #f81c35. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81c35 Preview
This text has a font color of #f81c35.
<span style="color:#f81c35;">Text here</span>
This paragraph has a background color of #f81c35.
<p style="background-color:#f81c35;">Content here</p>
This element has a border color of #f81c35.
<div style="border:1px solid #f81c35;">Content here</div>
.text {color:#f81c35;}
.background {background-color:#f81c35;}
.border {border:1px solid #f81c35;}
Shades and Tints of #f81c35
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, #010000 is the darkest color, while #feedef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140103
#140103
rgb(20,1,3)
-
#270106
#270106
rgb(39,1,6)
-
#3a0208
#3a0208
rgb(58,2,8)
-
#4d020b
#4d020b
rgb(77,2,11)
-
#60030e
#60030e
rgb(96,3,14)
-
#740410
#740410
rgb(116,4,16)
-
#870413
#870413
rgb(135,4,19)
-
#9a0516
#9a0516
rgb(154,5,22)
-
#ad0518
#ad0518
rgb(173,5,24)
-
#c0061b
#c0061b
rgb(192,6,27)
-
#d3061e
#d3061e
rgb(211,6,30)
-
#e60720
#e60720
rgb(230,7,32)
-
#f70924
#f70924
rgb(247,9,36)
-
#f81c35
#f81c35
rgb(248,28,53)
-
#f92f46
#f92f46
rgb(249,47,70)
-
#f94257
#f94257
rgb(249,66,87)
-
#fa5568
#fa5568
rgb(250,85,104)
-
#fa6879
#fa6879
rgb(250,104,121)
-
#fb7b8a
#fb7b8a
rgb(251,123,138)
-
#fc8e9b
#fc8e9b
rgb(252,142,155)
-
#fca1ac
#fca1ac
rgb(252,161,172)
-
#fdb4bc
#fdb4bc
rgb(253,180,188)
-
#fdc7cd
#fdc7cd
rgb(253,199,205)
-
#fedade
#fedade
rgb(254,218,222)
-
#feedef
#feedef
rgb(254,237,239)
Tones of #f81c35
A tone is produced by adding gray to any pure hue. In this case, #8c8888 is the less saturated color, while #f81c35 is the most saturated one.
-
#8c8888
#8c8888
rgb(140,136,136)
-
#957f82
#957f82
rgb(149,127,130)
-
#9e767b
#9e767b
rgb(158,118,123)
-
#a76d74
#a76d74
rgb(167,109,116)
-
#b0646d
#b0646d
rgb(176,100,109)
-
#b95b66
#b95b66
rgb(185,91,102)
-
#c2525f
#c2525f
rgb(194,82,95)
-
#cb4958
#cb4958
rgb(203,73,88)
-
#d44051
#d44051
rgb(212,64,81)
-
#dd374a
#dd374a
rgb(221,55,74)
-
#e62e43
#e62e43
rgb(230,46,67)
-
#ef253c
#ef253c
rgb(239,37,60)
-
#f81c35
#f81c35
rgb(248,28,53)
Color Blindness Simulator
Below, you can see how #f81c35 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.