#f42450 Color Information
In a RGB color space, hex #f42450 is composed of 95.7% red, 14.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 67.2% yellow and 4.3% black. It has a hue angle of 347.3 degrees, a saturation of 90.4% and a lightness of 54.9%. #f42450 color hex could be obtained by blending #ff48a0 with #e90000. Closest websafe color is: #ff3366.
-
- R 96
- G 14
- B 31
-
- C 0
- M 85
- Y 67
- K 4
● #f42450 color description : Vivid red.
#f42450 Color Conversion
The hexadecimal color #f42450 has RGB values of R:244, G:36, B:80 and CMYK values of C:0, M:0.85, Y:0.67, K:0.04. Its decimal value is 16000080.
Hex triplet | f42450 | #f42450 |
---|---|---|
RGB Decimal | 244, 36, 80 | rgb(244,36,80) |
RGB Percent | 95.7, 14.1, 31.4 | rgb(95.7%,14.1%,31.4%) |
CMYK | 0, 85, 67, 4 | |
HSL | 347.3°, 90.4, 54.9 | hsl(347.3,90.4%,54.9%) |
HSV (or HSB) | 347.3°, 85.2, 95.7 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.036, 75.209, 30.062 |
---|---|
XYZ | 39.389, 21.079, 9.584 |
xyY | 0.562, 0.301, 21.079 |
CIE-LCH | 53.036, 80.994, 21.787 |
CIE-LUV | 53.036, 146.246, 17.433 |
Hunter-Lab | 45.912, 72.794, 19.762 |
Binary | 11110100, 00100100, 01010000 |
Color Schemes with #f42450
Alternatives to #f42450
Below, you can see some colors close to #f42450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f42450 Preview
This text has a font color of #f42450.
<span style="color:#f42450;">Text here</span>
This paragraph has a background color of #f42450.
<p style="background-color:#f42450;">Content here</p>
This element has a border color of #f42450.
<div style="border:1px solid #f42450;">Content here</div>
.text {color:#f42450;}
.background {background-color:#f42450;}
.border {border:1px solid #f42450;}
Shades and Tints of #f42450
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, #050001 is the darkest color, while #fef1f4 is the lightest one.
-
#050001
#050001
rgb(5,0,1)
-
#180106
#180106
rgb(24,1,6)
-
#2a020b
#2a020b
rgb(42,2,11)
-
#3d030f
#3d030f
rgb(61,3,15)
-
#500414
#500414
rgb(80,4,20)
-
#630519
#630519
rgb(99,5,25)
-
#75061d
#75061d
rgb(117,6,29)
-
#880722
#880722
rgb(136,7,34)
-
#9b0827
#9b0827
rgb(155,8,39)
-
#ad092c
#ad092c
rgb(173,9,44)
-
#c00a30
#c00a30
rgb(192,10,48)
-
#d30b35
#d30b35
rgb(211,11,53)
-
#e50c3a
#e50c3a
rgb(229,12,58)
-
#f31141
#f31141
rgb(243,17,65)
-
#f42450
#f42450
rgb(244,36,80)
-
#f5375f
#f5375f
rgb(245,55,95)
-
#f6496e
#f6496e
rgb(246,73,110)
-
#f75c7d
#f75c7d
rgb(247,92,125)
-
#f86f8c
#f86f8c
rgb(248,111,140)
-
#f9819b
#f9819b
rgb(249,129,155)
-
#fa94aa
#fa94aa
rgb(250,148,170)
-
#fba7b8
#fba7b8
rgb(251,167,184)
-
#fcb9c7
#fcb9c7
rgb(252,185,199)
-
#fcccd6
#fcccd6
rgb(252,204,214)
-
#fddfe5
#fddfe5
rgb(253,223,229)
-
#fef1f4
#fef1f4
rgb(254,241,244)
Tones of #f42450
A tone is produced by adding gray to any pure hue. In this case, #938588 is the less saturated color, while #fd1b4b is the most saturated one.
-
#938588
#938588
rgb(147,133,136)
-
#9c7c83
#9c7c83
rgb(156,124,131)
-
#a4747e
#a4747e
rgb(164,116,126)
-
#ad6b79
#ad6b79
rgb(173,107,121)
-
#b66274
#b66274
rgb(182,98,116)
-
#bf596f
#bf596f
rgb(191,89,111)
-
#c8506a
#c8506a
rgb(200,80,106)
-
#d14764
#d14764
rgb(209,71,100)
-
#d93f5f
#d93f5f
rgb(217,63,95)
-
#e2365a
#e2365a
rgb(226,54,90)
-
#eb2d55
#eb2d55
rgb(235,45,85)
-
#f42450
#f42450
rgb(244,36,80)
-
#fd1b4b
#fd1b4b
rgb(253,27,75)
Color Blindness Simulator
Below, you can see how #f42450 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.