#f62450 Color Information
In a RGB color space, hex #f62450 is composed of 96.5% red, 14.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.4% magenta, 67.5% yellow and 3.5% black. It has a hue angle of 347.4 degrees, a saturation of 92.1% and a lightness of 55.3%. #f62450 color hex could be obtained by blending #ff48a0 with #ed0000. Closest websafe color is: #ff3366.
-
- R 96
- G 14
- B 31
-
- C 0
- M 85
- Y 67
- K 4
● #f62450 color description : Vivid red.
#f62450 Color Conversion
The hexadecimal color #f62450 has RGB values of R:246, G:36, B:80 and CMYK values of C:0, M:0.85, Y:0.67, K:0.04. Its decimal value is 16131152.
Hex triplet | f62450 | #f62450 |
---|---|---|
RGB Decimal | 246, 36, 80 | rgb(246,36,80) |
RGB Percent | 96.5, 14.1, 31.4 | rgb(96.5%,14.1%,31.4%) |
CMYK | 0, 85, 67, 4 | |
HSL | 347.4°, 92.1, 55.3 | hsl(347.4,92.1%,55.3%) |
HSV (or HSB) | 347.4°, 85.4, 96.5 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.426, 75.714, 30.634 |
---|---|
XYZ | 40.087, 21.439, 9.616 |
xyY | 0.563, 0.301, 21.439 |
CIE-LCH | 53.426, 81.676, 22.029 |
CIE-LUV | 53.426, 147.772, 17.884 |
Hunter-Lab | 46.302, 73.511, 20.098 |
Binary | 11110110, 00100100, 01010000 |
Color Schemes with #f62450
Alternatives to #f62450
Below, you can see some colors close to #f62450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f62450 Preview
This text has a font color of #f62450.
<span style="color:#f62450;">Text here</span>
This paragraph has a background color of #f62450.
<p style="background-color:#f62450;">Content here</p>
This element has a border color of #f62450.
<div style="border:1px solid #f62450;">Content here</div>
.text {color:#f62450;}
.background {background-color:#f62450;}
.border {border:1px solid #f62450;}
Shades and Tints of #f62450
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, #070002 is the darkest color, while #fff3f6 is the lightest one.
-
#070002
#070002
rgb(7,0,2)
-
#1a0106
#1a0106
rgb(26,1,6)
-
#2d020b
#2d020b
rgb(45,2,11)
-
#40030f
#40030f
rgb(64,3,15)
-
#520314
#520314
rgb(82,3,20)
-
#650419
#650419
rgb(101,4,25)
-
#78051d
#78051d
rgb(120,5,29)
-
#8b0622
#8b0622
rgb(139,6,34)
-
#9e0626
#9e0626
rgb(158,6,38)
-
#b1072b
#b1072b
rgb(177,7,43)
-
#c4082f
#c4082f
rgb(196,8,47)
-
#d60934
#d60934
rgb(214,9,52)
-
#e90a38
#e90a38
rgb(233,10,56)
-
#f51141
#f51141
rgb(245,17,65)
-
#f62450
#f62450
rgb(246,36,80)
-
#f7375f
#f7375f
rgb(247,55,95)
-
#f84a6e
#f84a6e
rgb(248,74,110)
-
#f85d7d
#f85d7d
rgb(248,93,125)
-
#f96f8c
#f96f8c
rgb(249,111,140)
-
#fa829b
#fa829b
rgb(250,130,155)
-
#fb95aa
#fb95aa
rgb(251,149,170)
-
#fba8b9
#fba8b9
rgb(251,168,185)
-
#fcbbc8
#fcbbc8
rgb(252,187,200)
-
#fdced8
#fdced8
rgb(253,206,216)
-
#fee0e7
#fee0e7
rgb(254,224,231)
-
#fff3f6
#fff3f6
rgb(255,243,246)
Tones of #f62450
A tone is produced by adding gray to any pure hue. In this case, #968488 is the less saturated color, while #ff1b4b is the most saturated one.
-
#968488
#968488
rgb(150,132,136)
-
#9e7c83
#9e7c83
rgb(158,124,131)
-
#a7737e
#a7737e
rgb(167,115,126)
-
#b06a79
#b06a79
rgb(176,106,121)
-
#b96174
#b96174
rgb(185,97,116)
-
#c1596f
#c1596f
rgb(193,89,111)
-
#ca5069
#ca5069
rgb(202,80,105)
-
#d34764
#d34764
rgb(211,71,100)
-
#dc3e5f
#dc3e5f
rgb(220,62,95)
-
#e4365a
#e4365a
rgb(228,54,90)
-
#ed2d55
#ed2d55
rgb(237,45,85)
-
#f62450
#f62450
rgb(246,36,80)
-
#ff1b4b
#ff1b4b
rgb(255,27,75)
Color Blindness Simulator
Below, you can see how #f62450 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.