#f83525 Color Information
In a RGB color space, hex #f83525 is composed of 97.3% red, 20.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.6% magenta, 85.1% yellow and 2.7% black. It has a hue angle of 4.5 degrees, a saturation of 93.8% and a lightness of 55.9%. #f83525 color hex could be obtained by blending #ff6a4a with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 21
- B 15
-
- C 0
- M 79
- Y 85
- K 3
● #f83525 color description : Vivid red.
#f83525 Color Conversion
The hexadecimal color #f83525 has RGB values of R:248, G:53, B:37 and CMYK values of C:0, M:0.79, Y:0.85, K:0.03. Its decimal value is 16266533.
Hex triplet | f83525 | #f83525 |
---|---|---|
RGB Decimal | 248, 53, 37 | rgb(248,53,37) |
RGB Percent | 97.3, 20.8, 14.5 | rgb(97.3%,20.8%,14.5%) |
CMYK | 0, 79, 85, 3 | |
HSL | 4.5°, 93.8, 55.9 | hsl(4.5,93.8%,55.9%) |
HSV (or HSB) | 4.5°, 85.1, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.701, 70.947, 55.427 |
---|---|
XYZ | 40.321, 22.641, 3.997 |
xyY | 0.602, 0.338, 22.641 |
CIE-LCH | 54.701, 90.031, 37.998 |
CIE-LUV | 54.701, 151.94, 36.679 |
Hunter-Lab | 47.583, 67.986, 28.327 |
Binary | 11111000, 00110101, 00100101 |
Color Schemes with #f83525
Alternatives to #f83525
Below, you can see some colors close to #f83525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f83525 Preview
This text has a font color of #f83525.
<span style="color:#f83525;">Text here</span>
This paragraph has a background color of #f83525.
<p style="background-color:#f83525;">Content here</p>
This element has a border color of #f83525.
<div style="border:1px solid #f83525;">Content here</div>
.text {color:#f83525;}
.background {background-color:#f83525;}
.border {border:1px solid #f83525;}
Shades and Tints of #f83525
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, #0a0100 is the darkest color, while #fff7f6 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1d0301
#1d0301
rgb(29,3,1)
-
#300502
#300502
rgb(48,5,2)
-
#430702
#430702
rgb(67,7,2)
-
#560903
#560903
rgb(86,9,3)
-
#690b03
#690b03
rgb(105,11,3)
-
#7c0d04
#7c0d04
rgb(124,13,4)
-
#8f0f05
#8f0f05
rgb(143,15,5)
-
#a21105
#a21105
rgb(162,17,5)
-
#b51306
#b51306
rgb(181,19,6)
-
#c81506
#c81506
rgb(200,21,6)
-
#db1707
#db1707
rgb(219,23,7)
-
#ee1908
#ee1908
rgb(238,25,8)
-
#f72312
#f72312
rgb(247,35,18)
-
#f83525
#f83525
rgb(248,53,37)
-
#f94738
#f94738
rgb(249,71,56)
-
#f9584b
#f9584b
rgb(249,88,75)
-
#fa6a5e
#fa6a5e
rgb(250,106,94)
-
#fa7b71
#fa7b71
rgb(250,123,113)
-
#fb8d84
#fb8d84
rgb(251,141,132)
-
#fc9f97
#fc9f97
rgb(252,159,151)
-
#fcb0aa
#fcb0aa
rgb(252,176,170)
-
#fdc2bd
#fdc2bd
rgb(253,194,189)
-
#fdd3d0
#fdd3d0
rgb(253,211,208)
-
#fee5e3
#fee5e3
rgb(254,229,227)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #f83525
A tone is produced by adding gray to any pure hue. In this case, #908d8d is the less saturated color, while #f83525 is the most saturated one.
-
#908d8d
#908d8d
rgb(144,141,141)
-
#998684
#998684
rgb(153,134,132)
-
#a17e7c
#a17e7c
rgb(161,126,124)
-
#aa7773
#aa7773
rgb(170,119,115)
-
#b3706a
#b3706a
rgb(179,112,106)
-
#bb6862
#bb6862
rgb(187,104,98)
-
#c46159
#c46159
rgb(196,97,89)
-
#cd5a50
#cd5a50
rgb(205,90,80)
-
#d55248
#d55248
rgb(213,82,72)
-
#de4b3f
#de4b3f
rgb(222,75,63)
-
#e74436
#e74436
rgb(231,68,54)
-
#ef3c2e
#ef3c2e
rgb(239,60,46)
-
#f83525
#f83525
rgb(248,53,37)
Color Blindness Simulator
Below, you can see how #f83525 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.