#f81c36 Color Information
In a RGB color space, hex #f81c36 is composed of 97.3% red, 11% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 78.2% yellow and 2.7% black. It has a hue angle of 352.9 degrees, a saturation of 94% and a lightness of 54.1%. #f81c36 color hex could be obtained by blending #ff386c with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 11
- B 21
-
- C 0
- M 89
- Y 78
- K 3
● #f81c36 color description : Vivid red.
#f81c36 Color Conversion
The hexadecimal color #f81c36 has RGB values of R:248, G:28, B:54 and CMYK values of C:0, M:0.89, Y:0.78, K:0.03. Its decimal value is 16260150.
Hex triplet | f81c36 | #f81c36 |
---|---|---|
RGB Decimal | 248, 28, 54 | rgb(248,28,54) |
RGB Percent | 97.3, 11, 21.2 | rgb(97.3%,11%,21.2%) |
CMYK | 0, 89, 78, 3 | |
HSL | 352.9°, 94, 54.1 | hsl(352.9,94%,54.1%) |
HSV (or HSB) | 352.9°, 88.7, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.013, 76.58, 45.24 |
---|---|
XYZ | 39.795, 21.058, 5.459 |
xyY | 0.6, 0.318, 21.058 |
CIE-LCH | 53.013, 88.945, 30.573 |
CIE-LUV | 53.013, 158.512, 28.308 |
Hunter-Lab | 45.89, 74.486, 25.069 |
Binary | 11111000, 00011100, 00110110 |
Color Schemes with #f81c36
Alternatives to #f81c36
Below, you can see some colors close to #f81c36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81c36 Preview
This text has a font color of #f81c36.
<span style="color:#f81c36;">Text here</span>
This paragraph has a background color of #f81c36.
<p style="background-color:#f81c36;">Content here</p>
This element has a border color of #f81c36.
<div style="border:1px solid #f81c36;">Content here</div>
.text {color:#f81c36;}
.background {background-color:#f81c36;}
.border {border:1px solid #f81c36;}
Shades and Tints of #f81c36
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)
-
#740411
#740411
rgb(116,4,17)
-
#870414
#870414
rgb(135,4,20)
-
#9a0516
#9a0516
rgb(154,5,22)
-
#ad0519
#ad0519
rgb(173,5,25)
-
#c0061c
#c0061c
rgb(192,6,28)
-
#d3061f
#d3061f
rgb(211,6,31)
-
#e60721
#e60721
rgb(230,7,33)
-
#f70925
#f70925
rgb(247,9,37)
-
#f81c36
#f81c36
rgb(248,28,54)
-
#f92f47
#f92f47
rgb(249,47,71)
-
#f94258
#f94258
rgb(249,66,88)
-
#fa5569
#fa5569
rgb(250,85,105)
-
#fa6879
#fa6879
rgb(250,104,121)
-
#fb7b8a
#fb7b8a
rgb(251,123,138)
-
#fc8e9b
#fc8e9b
rgb(252,142,155)
-
#fca1ac
#fca1ac
rgb(252,161,172)
-
#fdb4bd
#fdb4bd
rgb(253,180,189)
-
#fdc7ce
#fdc7ce
rgb(253,199,206)
-
#fedade
#fedade
rgb(254,218,222)
-
#feedef
#feedef
rgb(254,237,239)
Tones of #f81c36
A tone is produced by adding gray to any pure hue. In this case, #8c8888 is the less saturated color, while #f81c36 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)
-
#dd374b
#dd374b
rgb(221,55,75)
-
#e62e44
#e62e44
rgb(230,46,68)
-
#ef253d
#ef253d
rgb(239,37,61)
-
#f81c36
#f81c36
rgb(248,28,54)
Color Blindness Simulator
Below, you can see how #f81c36 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.