#f84164 Color Information
In a RGB color space, hex #f84164 is composed of 97.3% red, 25.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 59.7% yellow and 2.7% black. It has a hue angle of 348.5 degrees, a saturation of 92.9% and a lightness of 61.4%. #f84164 color hex could be obtained by blending #ff82c8 with #f10000. Closest websafe color is: #ff3366.
-
- R 97
- G 25
- B 39
-
- C 0
- M 74
- Y 60
- K 3
● #f84164 color description : Bright red.
#f84164 Color Conversion
The hexadecimal color #f84164 has RGB values of R:248, G:65, B:100 and CMYK values of C:0, M:0.74, Y:0.6, K:0.03. Its decimal value is 16269668.
Hex triplet | f84164 | #f84164 |
---|---|---|
RGB Decimal | 248, 65, 100 | rgb(248,65,100) |
RGB Percent | 97.3, 25.5, 39.2 | rgb(97.3%,25.5%,39.2%) |
CMYK | 0, 74, 60, 3 | |
HSL | 348.5°, 92.9, 61.4 | hsl(348.5,92.9%,61.4%) |
HSV (or HSB) | 348.5°, 73.8, 97.3 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.745, 69.996, 23.155 |
---|---|
XYZ | 42.904, 24.662, 14.557 |
xyY | 0.522, 0.3, 24.662 |
CIE-LCH | 56.745, 73.726, 18.305 |
CIE-LUV | 56.745, 131.375, 13.186 |
Hunter-Lab | 49.661, 67.305, 17.383 |
Binary | 11111000, 01000001, 01100100 |
Color Schemes with #f84164
Alternatives to #f84164
Below, you can see some colors close to #f84164. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84164 Preview
This text has a font color of #f84164.
<span style="color:#f84164;">Text here</span>
This paragraph has a background color of #f84164.
<p style="background-color:#f84164;">Content here</p>
This element has a border color of #f84164.
<div style="border:1px solid #f84164;">Content here</div>
.text {color:#f84164;}
.background {background-color:#f84164;}
.border {border:1px solid #f84164;}
Shades and Tints of #f84164
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, #120104 is the darkest color, while #fffefe is the lightest one.
-
#120104
#120104
rgb(18,1,4)
-
#250108
#250108
rgb(37,1,8)
-
#38020c
#38020c
rgb(56,2,12)
-
#4b0311
#4b0311
rgb(75,3,17)
-
#5e0315
#5e0315
rgb(94,3,21)
-
#710419
#710419
rgb(113,4,25)
-
#84051d
#84051d
rgb(132,5,29)
-
#970621
#970621
rgb(151,6,33)
-
#a90625
#a90625
rgb(169,6,37)
-
#bc072a
#bc072a
rgb(188,7,42)
-
#cf082e
#cf082e
rgb(207,8,46)
-
#e20832
#e20832
rgb(226,8,50)
-
#f50936
#f50936
rgb(245,9,54)
-
#f71b45
#f71b45
rgb(247,27,69)
-
#f72e55
#f72e55
rgb(247,46,85)
-
#f84164
#f84164
rgb(248,65,100)
-
#f95473
#f95473
rgb(249,84,115)
-
#f96783
#f96783
rgb(249,103,131)
-
#fa7a92
#fa7a92
rgb(250,122,146)
-
#fb8da2
#fb8da2
rgb(251,141,162)
-
#fba0b1
#fba0b1
rgb(251,160,177)
-
#fcb3c1
#fcb3c1
rgb(252,179,193)
-
#fdc5d0
#fdc5d0
rgb(253,197,208)
-
#fed8df
#fed8df
rgb(254,216,223)
-
#feebef
#feebef
rgb(254,235,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f84164
A tone is produced by adding gray to any pure hue. In this case, #9d9c9c is the less saturated color, while #f84164 is the most saturated one.
-
#9d9c9c
#9d9c9c
rgb(157,156,156)
-
#a59497
#a59497
rgb(165,148,151)
-
#ac8d93
#ac8d93
rgb(172,141,147)
-
#b4858e
#b4858e
rgb(180,133,142)
-
#bb7e89
#bb7e89
rgb(187,126,137)
-
#c37685
#c37685
rgb(195,118,133)
-
#cb6e80
#cb6e80
rgb(203,110,128)
-
#d2677b
#d2677b
rgb(210,103,123)
-
#da5f77
#da5f77
rgb(218,95,119)
-
#e15872
#e15872
rgb(225,88,114)
-
#e9506d
#e9506d
rgb(233,80,109)
-
#f04969
#f04969
rgb(240,73,105)
-
#f84164
#f84164
rgb(248,65,100)
Color Blindness Simulator
Below, you can see how #f84164 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.