#f84f48 Color Information
In a RGB color space, hex #f84f48 is composed of 97.3% red, 31% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.1% magenta, 71% yellow and 2.7% black. It has a hue angle of 2.4 degrees, a saturation of 92.6% and a lightness of 62.7%. #f84f48 color hex could be obtained by blending #ff9e90 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 31
- B 28
-
- C 0
- M 68
- Y 71
- K 3
● #f84f48 color description : Bright red.
#f84f48 Color Conversion
The hexadecimal color #f84f48 has RGB values of R:248, G:79, B:72 and CMYK values of C:0, M:0.68, Y:0.71, K:0.03. Its decimal value is 16273224.
Hex triplet | f84f48 | #f84f48 |
---|---|---|
RGB Decimal | 248, 79, 72 | rgb(248,79,72) |
RGB Percent | 97.3, 31, 28.2 | rgb(97.3%,31%,28.2%) |
CMYK | 0, 68, 71, 3 | |
HSL | 2.4°, 92.6, 62.7 | hsl(2.4,92.6%,62.7%) |
HSV (or HSB) | 2.4°, 71, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.057, 63.667, 40.868 |
---|---|
XYZ | 42.679, 26.021, 8.906 |
xyY | 0.55, 0.335, 26.021 |
CIE-LCH | 58.057, 75.656, 32.697 |
CIE-LUV | 58.057, 130.957, 31.013 |
Hunter-Lab | 51.011, 60.075, 25.356 |
Binary | 11111000, 01001111, 01001000 |
Color Schemes with #f84f48
Alternatives to #f84f48
Below, you can see some colors close to #f84f48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84f48 Preview
This text has a font color of #f84f48.
<span style="color:#f84f48;">Text here</span>
This paragraph has a background color of #f84f48.
<p style="background-color:#f84f48;">Content here</p>
This element has a border color of #f84f48.
<div style="border:1px solid #f84f48;">Content here</div>
.text {color:#f84f48;}
.background {background-color:#f84f48;}
.border {border:1px solid #f84f48;}
Shades and Tints of #f84f48
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, #060000 is the darkest color, while #fff3f2 is the lightest one.
-
#060000
#060000
rgb(6,0,0)
-
#190201
#190201
rgb(25,2,1)
-
#2c0302
#2c0302
rgb(44,3,2)
-
#3f0502
#3f0502
rgb(63,5,2)
-
#510603
#510603
rgb(81,6,3)
-
#640804
#640804
rgb(100,8,4)
-
#770905
#770905
rgb(119,9,5)
-
#8a0b05
#8a0b05
rgb(138,11,5)
-
#9d0c06
#9d0c06
rgb(157,12,6)
-
#b00d07
#b00d07
rgb(176,13,7)
-
#c30f07
#c30f07
rgb(195,15,7)
-
#d61008
#d61008
rgb(214,16,8)
-
#e91209
#e91209
rgb(233,18,9)
-
#f6180f
#f6180f
rgb(246,24,15)
-
#f72b22
#f72b22
rgb(247,43,34)
-
#f73d35
#f73d35
rgb(247,61,53)
-
#f84f48
#f84f48
rgb(248,79,72)
-
#f9615b
#f9615b
rgb(249,97,91)
-
#f9736e
#f9736e
rgb(249,115,110)
-
#fa8681
#fa8681
rgb(250,134,129)
-
#fb9894
#fb9894
rgb(251,152,148)
-
#fcaaa6
#fcaaa6
rgb(252,170,166)
-
#fcbcb9
#fcbcb9
rgb(252,188,185)
-
#fdcecc
#fdcecc
rgb(253,206,204)
-
#fee0df
#fee0df
rgb(254,224,223)
-
#fff3f2
#fff3f2
rgb(255,243,242)
Tones of #f84f48
A tone is produced by adding gray to any pure hue. In this case, #a0a0a0 is the less saturated color, while #f84f48 is the most saturated one.
-
#a0a0a0
#a0a0a0
rgb(160,160,160)
-
#a89998
#a89998
rgb(168,153,152)
-
#af9291
#af9291
rgb(175,146,145)
-
#b68c8a
#b68c8a
rgb(182,140,138)
-
#be8582
#be8582
rgb(190,133,130)
-
#c57e7b
#c57e7b
rgb(197,126,123)
-
#cc7774
#cc7774
rgb(204,119,116)
-
#d3716d
#d3716d
rgb(211,113,109)
-
#db6a65
#db6a65
rgb(219,106,101)
-
#e2635e
#e2635e
rgb(226,99,94)
-
#e95c57
#e95c57
rgb(233,92,87)
-
#f1564f
#f1564f
rgb(241,86,79)
-
#f84f48
#f84f48
rgb(248,79,72)
Color Blindness Simulator
Below, you can see how #f84f48 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.