#f5504a Color Information
In a RGB color space, hex #f5504a is composed of 96.1% red, 31.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 69.8% yellow and 3.9% black. It has a hue angle of 2.1 degrees, a saturation of 89.5% and a lightness of 62.5%. #f5504a color hex could be obtained by blending #ffa094 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 29
-
- C 0
- M 67
- Y 70
- K 4
● #f5504a color description : Soft red.
#f5504a Color Conversion
The hexadecimal color #f5504a has RGB values of R:245, G:80, B:74 and CMYK values of C:0, M:0.67, Y:0.7, K:0.04. Its decimal value is 16076874.
Hex triplet | f5504a | #f5504a |
---|---|---|
RGB Decimal | 245, 80, 74 | rgb(245,80,74) |
RGB Percent | 96.1, 31.4, 29 | rgb(96.1%,31.4%,29%) |
CMYK | 0, 67, 70, 4 | |
HSL | 2.1°, 89.5, 62.5 | hsl(2.1,89.5%,62.5%) |
HSV (or HSB) | 2.1°, 69.8, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.702, 62.437, 39.216 |
---|---|
XYZ | 41.763, 25.649, 9.23 |
xyY | 0.545, 0.335, 25.649 |
CIE-LCH | 57.702, 73.731, 32.133 |
CIE-LUV | 57.702, 127.494, 29.941 |
Hunter-Lab | 50.645, 58.566, 24.646 |
Binary | 11110101, 01010000, 01001010 |
Color Schemes with #f5504a
Alternatives to #f5504a
Below, you can see some colors close to #f5504a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5504a Preview
This text has a font color of #f5504a.
<span style="color:#f5504a;">Text here</span>
This paragraph has a background color of #f5504a.
<p style="background-color:#f5504a;">Content here</p>
This element has a border color of #f5504a.
<div style="border:1px solid #f5504a;">Content here</div>
.text {color:#f5504a;}
.background {background-color:#f5504a;}
.border {border:1px solid #f5504a;}
Shades and Tints of #f5504a
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, #050000 is the darkest color, while #fef2f1 is the lightest one.
-
#050000
#050000
rgb(5,0,0)
-
#170201
#170201
rgb(23,2,1)
-
#2a0402
#2a0402
rgb(42,4,2)
-
#3d0503
#3d0503
rgb(61,5,3)
-
#4f0704
#4f0704
rgb(79,7,4)
-
#620905
#620905
rgb(98,9,5)
-
#740a06
#740a06
rgb(116,10,6)
-
#870c07
#870c07
rgb(135,12,7)
-
#9a0e08
#9a0e08
rgb(154,14,8)
-
#ac0f0a
#ac0f0a
rgb(172,15,10)
-
#bf110b
#bf110b
rgb(191,17,11)
-
#d1130c
#d1130c
rgb(209,19,12)
-
#e4140d
#e4140d
rgb(228,20,13)
-
#f21a12
#f21a12
rgb(242,26,18)
-
#f32c25
#f32c25
rgb(243,44,37)
-
#f43e37
#f43e37
rgb(244,62,55)
-
#f5504a
#f5504a
rgb(245,80,74)
-
#f6625d
#f6625d
rgb(246,98,93)
-
#f7746f
#f7746f
rgb(247,116,111)
-
#f88682
#f88682
rgb(248,134,130)
-
#f99894
#f99894
rgb(249,152,148)
-
#faaaa7
#faaaa7
rgb(250,170,167)
-
#fbbcba
#fbbcba
rgb(251,188,186)
-
#fccecc
#fccecc
rgb(252,206,204)
-
#fde0df
#fde0df
rgb(253,224,223)
-
#fef2f1
#fef2f1
rgb(254,242,241)
Tones of #f5504a
A tone is produced by adding gray to any pure hue. In this case, #a49b9b is the less saturated color, while #fc4943 is the most saturated one.
-
#a49b9b
#a49b9b
rgb(164,155,155)
-
#ac9493
#ac9493
rgb(172,148,147)
-
#b38d8c
#b38d8c
rgb(179,141,140)
-
#ba8785
#ba8785
rgb(186,135,133)
-
#c2807d
#c2807d
rgb(194,128,125)
-
#c97976
#c97976
rgb(201,121,118)
-
#d0726f
#d0726f
rgb(208,114,111)
-
#d86b67
#d86b67
rgb(216,107,103)
-
#df6460
#df6460
rgb(223,100,96)
-
#e65e59
#e65e59
rgb(230,94,89)
-
#ee5751
#ee5751
rgb(238,87,81)
-
#f5504a
#f5504a
rgb(245,80,74)
-
#fc4943
#fc4943
rgb(252,73,67)
Color Blindness Simulator
Below, you can see how #f5504a 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.