#f5504b Color Information
In a RGB color space, hex #f5504b is composed of 96.1% red, 31.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 69.4% yellow and 3.9% black. It has a hue angle of 1.8 degrees, a saturation of 89.5% and a lightness of 62.7%. #f5504b color hex could be obtained by blending #ffa096 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 29
-
- C 0
- M 67
- Y 69
- K 4
● #f5504b color description : Soft red.
#f5504b Color Conversion
The hexadecimal color #f5504b has RGB values of R:245, G:80, B:75 and CMYK values of C:0, M:0.67, Y:0.69, K:0.04. Its decimal value is 16076875.
Hex triplet | f5504b | #f5504b |
---|---|---|
RGB Decimal | 245, 80, 75 | rgb(245,80,75) |
RGB Percent | 96.1, 31.4, 29.4 | rgb(96.1%,31.4%,29.4%) |
CMYK | 0, 67, 69, 4 | |
HSL | 1.8°, 89.5, 62.7 | hsl(1.8,89.5%,62.7%) |
HSV (or HSB) | 1.8°, 69.4, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.715, 62.484, 38.675 |
---|---|
XYZ | 41.797, 25.662, 9.409 |
xyY | 0.544, 0.334, 25.662 |
CIE-LCH | 57.715, 73.485, 31.756 |
CIE-LUV | 57.715, 127.277, 29.5 |
Hunter-Lab | 50.658, 58.624, 24.449 |
Binary | 11110101, 01010000, 01001011 |
Color Schemes with #f5504b
Alternatives to #f5504b
Below, you can see some colors close to #f5504b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5504b Preview
This text has a font color of #f5504b.
<span style="color:#f5504b;">Text here</span>
This paragraph has a background color of #f5504b.
<p style="background-color:#f5504b;">Content here</p>
This element has a border color of #f5504b.
<div style="border:1px solid #f5504b;">Content here</div>
.text {color:#f5504b;}
.background {background-color:#f5504b;}
.border {border:1px solid #f5504b;}
Shades and Tints of #f5504b
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, #060000 is the darkest color, while #fef3f2 is the lightest one.
-
#060000
#060000
rgb(6,0,0)
-
#180201
#180201
rgb(24,2,1)
-
#2b0402
#2b0402
rgb(43,4,2)
-
#3e0503
#3e0503
rgb(62,5,3)
-
#500704
#500704
rgb(80,7,4)
-
#630805
#630805
rgb(99,8,5)
-
#750a07
#750a07
rgb(117,10,7)
-
#880b08
#880b08
rgb(136,11,8)
-
#9a0d09
#9a0d09
rgb(154,13,9)
-
#ad0e0a
#ad0e0a
rgb(173,14,10)
-
#c0100b
#c0100b
rgb(192,16,11)
-
#d2120c
#d2120c
rgb(210,18,12)
-
#e5130d
#e5130d
rgb(229,19,13)
-
#f21a13
#f21a13
rgb(242,26,19)
-
#f32c26
#f32c26
rgb(243,44,38)
-
#f43e38
#f43e38
rgb(244,62,56)
-
#f5504b
#f5504b
rgb(245,80,75)
-
#f6625e
#f6625e
rgb(246,98,94)
-
#f77470
#f77470
rgb(247,116,112)
-
#f88683
#f88683
rgb(248,134,131)
-
#f99895
#f99895
rgb(249,152,149)
-
#faaaa8
#faaaa8
rgb(250,170,168)
-
#fbbcba
#fbbcba
rgb(251,188,186)
-
#fccecd
#fccecd
rgb(252,206,205)
-
#fde1e0
#fde1e0
rgb(253,225,224)
-
#fef3f2
#fef3f2
rgb(254,243,242)
Tones of #f5504b
A tone is produced by adding gray to any pure hue. In this case, #a59c9b is the less saturated color, while #fc4944 is the most saturated one.
-
#a59c9b
#a59c9b
rgb(165,156,155)
-
#ac9594
#ac9594
rgb(172,149,148)
-
#b38e8d
#b38e8d
rgb(179,142,141)
-
#bb8785
#bb8785
rgb(187,135,133)
-
#c2807e
#c2807e
rgb(194,128,126)
-
#c97977
#c97977
rgb(201,121,119)
-
#d07270
#d07270
rgb(208,114,112)
-
#d86c68
#d86c68
rgb(216,108,104)
-
#df6561
#df6561
rgb(223,101,97)
-
#e65e5a
#e65e5a
rgb(230,94,90)
-
#ee5752
#ee5752
rgb(238,87,82)
-
#f5504b
#f5504b
rgb(245,80,75)
-
#fc4944
#fc4944
rgb(252,73,68)
Color Blindness Simulator
Below, you can see how #f5504b 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.