#f5523f Color Information
In a RGB color space, hex #f5523f is composed of 96.1% red, 32.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 74.3% yellow and 3.9% black. It has a hue angle of 6.3 degrees, a saturation of 90.1% and a lightness of 60.4%. #f5523f color hex could be obtained by blending #ffa47e with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 25
-
- C 0
- M 67
- Y 74
- K 4
● #f5523f color description : Bright red.
#f5523f Color Conversion
The hexadecimal color #f5523f has RGB values of R:245, G:82, B:63 and CMYK values of C:0, M:0.67, Y:0.74, K:0.04. Its decimal value is 16077375.
Hex triplet | f5523f | #f5523f |
---|---|---|
RGB Decimal | 245, 82, 63 | rgb(245,82,63) |
RGB Percent | 96.1, 32.2, 24.7 | rgb(96.1%,32.2%,24.7%) |
CMYK | 0, 67, 74, 4 | |
HSL | 6.3°, 90.1, 60.4 | hsl(6.3,90.1%,60.4%) |
HSV (or HSB) | 6.3°, 74.3, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.857, 61.193, 45.372 |
---|---|
XYZ | 41.573, 25.811, 7.495 |
xyY | 0.555, 0.345, 25.811 |
CIE-LCH | 57.857, 76.179, 36.556 |
CIE-LUV | 57.857, 128.387, 34.962 |
Hunter-Lab | 50.804, 57.157, 26.816 |
Binary | 11110101, 01010010, 00111111 |
Color Schemes with #f5523f
Alternatives to #f5523f
Below, you can see some colors close to #f5523f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5523f Preview
This text has a font color of #f5523f.
<span style="color:#f5523f;">Text here</span>
This paragraph has a background color of #f5523f.
<p style="background-color:#f5523f;">Content here</p>
This element has a border color of #f5523f.
<div style="border:1px solid #f5523f;">Content here</div>
.text {color:#f5523f;}
.background {background-color:#f5523f;}
.border {border:1px solid #f5523f;}
Shades and Tints of #f5523f
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, #0d0201 is the darkest color, while #fffaf9 is the lightest one.
-
#0d0201
#0d0201
rgb(13,2,1)
-
#200502
#200502
rgb(32,5,2)
-
#320803
#320803
rgb(50,8,3)
-
#450a04
#450a04
rgb(69,10,4)
-
#580d05
#580d05
rgb(88,13,5)
-
#6a1006
#6a1006
rgb(106,16,6)
-
#7d1307
#7d1307
rgb(125,19,7)
-
#901607
#901607
rgb(144,22,7)
-
#a21908
#a21908
rgb(162,25,8)
-
#b51b09
#b51b09
rgb(181,27,9)
-
#c81e0a
#c81e0a
rgb(200,30,10)
-
#da210b
#da210b
rgb(218,33,11)
-
#ed240c
#ed240c
rgb(237,36,12)
-
#f3301a
#f3301a
rgb(243,48,26)
-
#f4412c
#f4412c
rgb(244,65,44)
-
#f5523f
#f5523f
rgb(245,82,63)
-
#f66352
#f66352
rgb(246,99,82)
-
#f77464
#f77464
rgb(247,116,100)
-
#f88477
#f88477
rgb(248,132,119)
-
#f9958a
#f9958a
rgb(249,149,138)
-
#faa69c
#faa69c
rgb(250,166,156)
-
#fbb7af
#fbb7af
rgb(251,183,175)
-
#fcc8c2
#fcc8c2
rgb(252,200,194)
-
#fdd8d4
#fdd8d4
rgb(253,216,212)
-
#fee9e7
#fee9e7
rgb(254,233,231)
-
#fffaf9
#fffaf9
rgb(255,250,249)
Tones of #f5523f
A tone is produced by adding gray to any pure hue. In this case, #a09694 is the less saturated color, while #fd4c37 is the most saturated one.
-
#a09694
#a09694
rgb(160,150,148)
-
#a78f8d
#a78f8d
rgb(167,143,141)
-
#af8985
#af8985
rgb(175,137,133)
-
#b7837d
#b7837d
rgb(183,131,125)
-
#bf7d75
#bf7d75
rgb(191,125,117)
-
#c6776e
#c6776e
rgb(198,119,110)
-
#ce7166
#ce7166
rgb(206,113,102)
-
#d66b5e
#d66b5e
rgb(214,107,94)
-
#de6456
#de6456
rgb(222,100,86)
-
#e55e4f
#e55e4f
rgb(229,94,79)
-
#ed5847
#ed5847
rgb(237,88,71)
-
#f5523f
#f5523f
rgb(245,82,63)
-
#fd4c37
#fd4c37
rgb(253,76,55)
Color Blindness Simulator
Below, you can see how #f5523f 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.