#f5524b Color Information
In a RGB color space, hex #f5524b is composed of 96.1% red, 32.2% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 69.4% yellow and 3.9% black. It has a hue angle of 2.5 degrees, a saturation of 89.5% and a lightness of 62.7%. #f5524b color hex could be obtained by blending #ffa496 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 29
-
- C 0
- M 67
- Y 69
- K 4
● #f5524b color description : Soft red.
#f5524b Color Conversion
The hexadecimal color #f5524b has RGB values of R:245, G:82, B:75 and CMYK values of C:0, M:0.67, Y:0.69, K:0.04. Its decimal value is 16077387.
Hex triplet | f5524b | #f5524b |
---|---|---|
RGB Decimal | 245, 82, 75 | rgb(245,82,75) |
RGB Percent | 96.1, 32.2, 29.4 | rgb(96.1%,32.2%,29.4%) |
CMYK | 0, 67, 69, 4 | |
HSL | 2.5°, 89.5, 62.7 | hsl(2.5,89.5%,62.7%) |
HSV (or HSB) | 2.5°, 69.4, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.999, 61.712, 39.009 |
---|---|
XYZ | 41.945, 25.96, 9.458 |
xyY | 0.542, 0.336, 25.96 |
CIE-LCH | 57.999, 73.007, 32.297 |
CIE-LUV | 57.999, 126.011, 30.073 |
Hunter-Lab | 50.951, 57.787, 24.659 |
Binary | 11110101, 01010010, 01001011 |
Color Schemes with #f5524b
Alternatives to #f5524b
Below, you can see some colors close to #f5524b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5524b Preview
This text has a font color of #f5524b.
<span style="color:#f5524b;">Text here</span>
This paragraph has a background color of #f5524b.
<p style="background-color:#f5524b;">Content here</p>
This element has a border color of #f5524b.
<div style="border:1px solid #f5524b;">Content here</div>
.text {color:#f5524b;}
.background {background-color:#f5524b;}
.border {border:1px solid #f5524b;}
Shades and Tints of #f5524b
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, #060100 is the darkest color, while #fef3f2 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#180201
#180201
rgb(24,2,1)
-
#2b0402
#2b0402
rgb(43,4,2)
-
#3e0603
#3e0603
rgb(62,6,3)
-
#500804
#500804
rgb(80,8,4)
-
#630905
#630905
rgb(99,9,5)
-
#750b07
#750b07
rgb(117,11,7)
-
#880d08
#880d08
rgb(136,13,8)
-
#9a0f09
#9a0f09
rgb(154,15,9)
-
#ad100a
#ad100a
rgb(173,16,10)
-
#c0120b
#c0120b
rgb(192,18,11)
-
#d2140c
#d2140c
rgb(210,20,12)
-
#e5160d
#e5160d
rgb(229,22,13)
-
#f21c13
#f21c13
rgb(242,28,19)
-
#f32e26
#f32e26
rgb(243,46,38)
-
#f44038
#f44038
rgb(244,64,56)
-
#f5524b
#f5524b
rgb(245,82,75)
-
#f6645e
#f6645e
rgb(246,100,94)
-
#f77670
#f77670
rgb(247,118,112)
-
#f88883
#f88883
rgb(248,136,131)
-
#f99995
#f99995
rgb(249,153,149)
-
#faaba8
#faaba8
rgb(250,171,168)
-
#fbbdba
#fbbdba
rgb(251,189,186)
-
#fccfcd
#fccfcd
rgb(252,207,205)
-
#fde1e0
#fde1e0
rgb(253,225,224)
-
#fef3f2
#fef3f2
rgb(254,243,242)
Tones of #f5524b
A tone is produced by adding gray to any pure hue. In this case, #a59c9b is the less saturated color, while #fc4b44 is the most saturated one.
-
#a59c9b
#a59c9b
rgb(165,156,155)
-
#ac9594
#ac9594
rgb(172,149,148)
-
#b38e8d
#b38e8d
rgb(179,142,141)
-
#bb8885
#bb8885
rgb(187,136,133)
-
#c2817e
#c2817e
rgb(194,129,126)
-
#c97a77
#c97a77
rgb(201,122,119)
-
#d07470
#d07470
rgb(208,116,112)
-
#d86d68
#d86d68
rgb(216,109,104)
-
#df6661
#df6661
rgb(223,102,97)
-
#e65f5a
#e65f5a
rgb(230,95,90)
-
#ee5952
#ee5952
rgb(238,89,82)
-
#f5524b
#f5524b
rgb(245,82,75)
-
#fc4b44
#fc4b44
rgb(252,75,68)
Color Blindness Simulator
Below, you can see how #f5524b 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.