#f54525 Color Information
In a RGB color space, hex #f54525 is composed of 96.1% red, 27.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 84.9% yellow and 3.9% black. It has a hue angle of 9.2 degrees, a saturation of 91.2% and a lightness of 55.3%. #f54525 color hex could be obtained by blending #ff8a4a with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 27
- B 15
-
- C 0
- M 72
- Y 85
- K 4
● #f54525 color description : Bright red.
#f54525 Color Conversion
The hexadecimal color #f54525 has RGB values of R:245, G:69, B:37 and CMYK values of C:0, M:0.72, Y:0.85, K:0.04. Its decimal value is 16074021.
Hex triplet | f54525 | #f54525 |
---|---|---|
RGB Decimal | 245, 69, 37 | rgb(245,69,37) |
RGB Percent | 96.1, 27.1, 14.5 | rgb(96.1%,27.1%,14.5%) |
CMYK | 0, 72, 85, 4 | |
HSL | 9.2°, 91.2, 55.3 | hsl(9.2,91.2%,55.3%) |
HSV (or HSB) | 9.2°, 84.9, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.894, 65.181, 56.203 |
---|---|
XYZ | 40.12, 23.807, 4.233 |
xyY | 0.589, 0.349, 23.807 |
CIE-LCH | 55.894, 86.066, 40.77 |
CIE-LUV | 55.894, 140.709, 39.495 |
Hunter-Lab | 48.793, 61.387, 29.011 |
Binary | 11110101, 01000101, 00100101 |
Color Schemes with #f54525
Alternatives to #f54525
Below, you can see some colors close to #f54525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54525 Preview
This text has a font color of #f54525.
<span style="color:#f54525;">Text here</span>
This paragraph has a background color of #f54525.
<p style="background-color:#f54525;">Content here</p>
This element has a border color of #f54525.
<div style="border:1px solid #f54525;">Content here</div>
.text {color:#f54525;}
.background {background-color:#f54525;}
.border {border:1px solid #f54525;}
Shades and Tints of #f54525
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, #070100 is the darkest color, while #fef5f3 is the lightest one.
-
#070100
#070100
rgb(7,1,0)
-
#1a0501
#1a0501
rgb(26,5,1)
-
#2d0902
#2d0902
rgb(45,9,2)
-
#3f0c03
#3f0c03
rgb(63,12,3)
-
#521004
#521004
rgb(82,16,4)
-
#651305
#651305
rgb(101,19,5)
-
#781705
#781705
rgb(120,23,5)
-
#8a1b06
#8a1b06
rgb(138,27,6)
-
#9d1e07
#9d1e07
rgb(157,30,7)
-
#b02208
#b02208
rgb(176,34,8)
-
#c32509
#c32509
rgb(195,37,9)
-
#d5290a
#d5290a
rgb(213,41,10)
-
#e82d0b
#e82d0b
rgb(232,45,11)
-
#f43512
#f43512
rgb(244,53,18)
-
#f54525
#f54525
rgb(245,69,37)
-
#f65538
#f65538
rgb(246,85,56)
-
#f7654b
#f7654b
rgb(247,101,75)
-
#f8755d
#f8755d
rgb(248,117,93)
-
#f88570
#f88570
rgb(248,133,112)
-
#f99583
#f99583
rgb(249,149,131)
-
#faa596
#faa596
rgb(250,165,150)
-
#fbb5a8
#fbb5a8
rgb(251,181,168)
-
#fcc5bb
#fcc5bb
rgb(252,197,187)
-
#fdd5ce
#fdd5ce
rgb(253,213,206)
-
#fee5e1
#fee5e1
rgb(254,229,225)
-
#fef5f3
#fef5f3
rgb(254,245,243)
Tones of #f54525
A tone is produced by adding gray to any pure hue. In this case, #958885 is the less saturated color, while #fe3f1c is the most saturated one.
-
#958885
#958885
rgb(149,136,133)
-
#9d827d
#9d827d
rgb(157,130,125)
-
#a67c74
#a67c74
rgb(166,124,116)
-
#af766b
#af766b
rgb(175,118,107)
-
#b86f62
#b86f62
rgb(184,111,98)
-
#c0695a
#c0695a
rgb(192,105,90)
-
#c96351
#c96351
rgb(201,99,81)
-
#d25d48
#d25d48
rgb(210,93,72)
-
#db573f
#db573f
rgb(219,87,63)
-
#e35137
#e35137
rgb(227,81,55)
-
#ec4b2e
#ec4b2e
rgb(236,75,46)
-
#f54525
#f54525
rgb(245,69,37)
-
#fe3f1c
#fe3f1c
rgb(254,63,28)
Color Blindness Simulator
Below, you can see how #f54525 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.