#f4504c Color Information
In a RGB color space, hex #f4504c is composed of 95.7% red, 31.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 68.9% yellow and 4.3% black. It has a hue angle of 1.4 degrees, a saturation of 88.4% and a lightness of 62.7%. #f4504c color hex could be obtained by blending #ffa098 with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 30
-
- C 0
- M 67
- Y 69
- K 4
● #f4504c color description : Soft red.
#f4504c Color Conversion
The hexadecimal color #f4504c has RGB values of R:244, G:80, B:76 and CMYK values of C:0, M:0.67, Y:0.69, K:0.04. Its decimal value is 16011340.
Hex triplet | f4504c | #f4504c |
---|---|---|
RGB Decimal | 244, 80, 76 | rgb(244,80,76) |
RGB Percent | 95.7, 31.4, 29.8 | rgb(95.7%,31.4%,29.8%) |
CMYK | 0, 67, 69, 4 | |
HSL | 1.4°, 88.4, 62.7 | hsl(1.4,88.4%,62.7%) |
HSV (or HSB) | 1.4°, 68.9, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.556, 62.216, 37.886 |
---|---|
XYZ | 41.483, 25.497, 9.574 |
xyY | 0.542, 0.333, 25.497 |
CIE-LCH | 57.556, 72.843, 31.339 |
CIE-LUV | 57.556, 126.252, 28.886 |
Hunter-Lab | 50.494, 58.28, 24.104 |
Binary | 11110100, 01010000, 01001100 |
Color Schemes with #f4504c
Alternatives to #f4504c
Below, you can see some colors close to #f4504c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4504c Preview
This text has a font color of #f4504c.
<span style="color:#f4504c;">Text here</span>
This paragraph has a background color of #f4504c.
<p style="background-color:#f4504c;">Content here</p>
This element has a border color of #f4504c.
<div style="border:1px solid #f4504c;">Content here</div>
.text {color:#f4504c;}
.background {background-color:#f4504c;}
.border {border:1px solid #f4504c;}
Shades and Tints of #f4504c
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)
-
#2b0403
#2b0403
rgb(43,4,3)
-
#3d0504
#3d0504
rgb(61,5,4)
-
#500705
#500705
rgb(80,7,5)
-
#620806
#620806
rgb(98,8,6)
-
#750a07
#750a07
rgb(117,10,7)
-
#870b08
#870b08
rgb(135,11,8)
-
#9a0d09
#9a0d09
rgb(154,13,9)
-
#ac0e0b
#ac0e0b
rgb(172,14,11)
-
#bf100c
#bf100c
rgb(191,16,12)
-
#d1120d
#d1120d
rgb(209,18,13)
-
#e4130e
#e4130e
rgb(228,19,14)
-
#f11a15
#f11a15
rgb(241,26,21)
-
#f22c27
#f22c27
rgb(242,44,39)
-
#f33e3a
#f33e3a
rgb(243,62,58)
-
#f4504c
#f4504c
rgb(244,80,76)
-
#f5625e
#f5625e
rgb(245,98,94)
-
#f67471
#f67471
rgb(246,116,113)
-
#f78683
#f78683
rgb(247,134,131)
-
#f99896
#f99896
rgb(249,152,150)
-
#faaaa8
#faaaa8
rgb(250,170,168)
-
#fbbcbb
#fbbcbb
rgb(251,188,187)
-
#fccecd
#fccecd
rgb(252,206,205)
-
#fde1e0
#fde1e0
rgb(253,225,224)
-
#fef3f2
#fef3f2
rgb(254,243,242)
Tones of #f4504c
A tone is produced by adding gray to any pure hue. In this case, #a49d9c is the less saturated color, while #fb4945 is the most saturated one.
-
#a49d9c
#a49d9c
rgb(164,157,156)
-
#ab9695
#ab9695
rgb(171,150,149)
-
#b28f8e
#b28f8e
rgb(178,143,142)
-
#ba8886
#ba8886
rgb(186,136,134)
-
#c1817f
#c1817f
rgb(193,129,127)
-
#c87a78
#c87a78
rgb(200,122,120)
-
#cf7371
#cf7371
rgb(207,115,113)
-
#d76c69
#d76c69
rgb(215,108,105)
-
#de6562
#de6562
rgb(222,101,98)
-
#e55e5b
#e55e5b
rgb(229,94,91)
-
#ed5753
#ed5753
rgb(237,87,83)
-
#f4504c
#f4504c
rgb(244,80,76)
-
#fb4945
#fb4945
rgb(251,73,69)
Color Blindness Simulator
Below, you can see how #f4504c 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.