#f5523d Color Information
In a RGB color space, hex #f5523d is composed of 96.1% red, 32.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 75.1% yellow and 3.9% black. It has a hue angle of 6.8 degrees, a saturation of 90.2% and a lightness of 60%. #f5523d color hex could be obtained by blending #ffa47a with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 32
- B 24
-
- C 0
- M 67
- Y 75
- K 4
● #f5523d color description : Bright red.
#f5523d Color Conversion
The hexadecimal color #f5523d has RGB values of R:245, G:82, B:61 and CMYK values of C:0, M:0.67, Y:0.75, K:0.04. Its decimal value is 16077373.
Hex triplet | f5523d | #f5523d |
---|---|---|
RGB Decimal | 245, 82, 61 | rgb(245,82,61) |
RGB Percent | 96.1, 32.2, 23.9 | rgb(96.1%,32.2%,23.9%) |
CMYK | 0, 67, 75, 4 | |
HSL | 6.8°, 90.2, 60 | hsl(6.8,90.2%,60%) |
HSV (or HSB) | 6.8°, 75.1, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.836, 61.116, 46.404 |
---|---|
XYZ | 41.518, 25.789, 7.206 |
xyY | 0.557, 0.346, 25.789 |
CIE-LCH | 57.836, 76.737, 37.208 |
CIE-LUV | 57.836, 128.745, 35.695 |
Hunter-Lab | 50.783, 57.064, 27.134 |
Binary | 11110101, 01010010, 00111101 |
Color Schemes with #f5523d
Alternatives to #f5523d
Below, you can see some colors close to #f5523d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5523d Preview
This text has a font color of #f5523d.
<span style="color:#f5523d;">Text here</span>
This paragraph has a background color of #f5523d.
<p style="background-color:#f5523d;">Content here</p>
This element has a border color of #f5523d.
<div style="border:1px solid #f5523d;">Content here</div>
.text {color:#f5523d;}
.background {background-color:#f5523d;}
.border {border:1px solid #f5523d;}
Shades and Tints of #f5523d
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, #0b0201 is the darkest color, while #fff8f8 is the lightest one.
-
#0b0201
#0b0201
rgb(11,2,1)
-
#1e0502
#1e0502
rgb(30,5,2)
-
#310802
#310802
rgb(49,8,2)
-
#430b03
#430b03
rgb(67,11,3)
-
#560e04
#560e04
rgb(86,14,4)
-
#681105
#681105
rgb(104,17,5)
-
#7b1406
#7b1406
rgb(123,20,6)
-
#8e1707
#8e1707
rgb(142,23,7)
-
#a01a08
#a01a08
rgb(160,26,8)
-
#b31d09
#b31d09
rgb(179,29,9)
-
#c6200a
#c6200a
rgb(198,32,10)
-
#d8230b
#d8230b
rgb(216,35,11)
-
#eb260c
#eb260c
rgb(235,38,12)
-
#f33118
#f33118
rgb(243,49,24)
-
#f4412a
#f4412a
rgb(244,65,42)
-
#f5523d
#f5523d
rgb(245,82,61)
-
#f66350
#f66350
rgb(246,99,80)
-
#f77362
#f77362
rgb(247,115,98)
-
#f88475
#f88475
rgb(248,132,117)
-
#f99588
#f99588
rgb(249,149,136)
-
#faa59a
#faa59a
rgb(250,165,154)
-
#fbb6ad
#fbb6ad
rgb(251,182,173)
-
#fcc6c0
#fcc6c0
rgb(252,198,192)
-
#fdd7d2
#fdd7d2
rgb(253,215,210)
-
#fee8e5
#fee8e5
rgb(254,232,229)
-
#fff8f8
#fff8f8
rgb(255,248,248)
Tones of #f5523d
A tone is produced by adding gray to any pure hue. In this case, #9f9593 is the less saturated color, while #fd4c35 is the most saturated one.
-
#9f9593
#9f9593
rgb(159,149,147)
-
#a78f8b
#a78f8b
rgb(167,143,139)
-
#ae8884
#ae8884
rgb(174,136,132)
-
#b6827c
#b6827c
rgb(182,130,124)
-
#be7c74
#be7c74
rgb(190,124,116)
-
#c6766c
#c6766c
rgb(198,118,108)
-
#ce7064
#ce7064
rgb(206,112,100)
-
#d66a5c
#d66a5c
rgb(214,106,92)
-
#dd6455
#dd6455
rgb(221,100,85)
-
#e55e4d
#e55e4d
rgb(229,94,77)
-
#ed5845
#ed5845
rgb(237,88,69)
-
#f5523d
#f5523d
rgb(245,82,61)
-
#fd4c35
#fd4c35
rgb(253,76,53)
Color Blindness Simulator
Below, you can see how #f5523d 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.