#f22250 Color Information
In a RGB color space, hex #f22250 is composed of 94.9% red, 13.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 66.9% yellow and 5.1% black. It has a hue angle of 346.7 degrees, a saturation of 88.9% and a lightness of 54.1%. #f22250 color hex could be obtained by blending #ff44a0 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 13
- B 31
-
- C 0
- M 86
- Y 67
- K 5
● #f22250 color description : Vivid red.
#f22250 Color Conversion
The hexadecimal color #f22250 has RGB values of R:242, G:34, B:80 and CMYK values of C:0, M:0.86, Y:0.67, K:0.05. Its decimal value is 15868496.
Hex triplet | f22250 | #f22250 |
---|---|---|
RGB Decimal | 242, 34, 80 | rgb(242,34,80) |
RGB Percent | 94.9, 13.3, 31.4 | rgb(94.9%,13.3%,31.4%) |
CMYK | 0, 86, 67, 5 | |
HSL | 346.7°, 88.9, 54.1 | hsl(346.7,88.9%,54.1%) |
HSV (or HSB) | 346.7°, 86, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 52.515, 75.076, 29.325 |
---|---|
XYZ | 38.64, 20.605, 9.532 |
xyY | 0.562, 0.3, 20.605 |
CIE-LCH | 52.515, 80.6, 21.336 |
CIE-LUV | 52.515, 145.33, 16.701 |
Hunter-Lab | 45.393, 72.506, 19.325 |
Binary | 11110010, 00100010, 01010000 |
Color Schemes with #f22250
Alternatives to #f22250
Below, you can see some colors close to #f22250. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22250 Preview
This text has a font color of #f22250.
<span style="color:#f22250;">Text here</span>
This paragraph has a background color of #f22250.
<p style="background-color:#f22250;">Content here</p>
This element has a border color of #f22250.
<div style="border:1px solid #f22250;">Content here</div>
.text {color:#f22250;}
.background {background-color:#f22250;}
.border {border:1px solid #f22250;}
Shades and Tints of #f22250
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, #010000 is the darkest color, while #feeef1 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140105
#140105
rgb(20,1,5)
-
#26020a
#26020a
rgb(38,2,10)
-
#39030f
#39030f
rgb(57,3,15)
-
#4b0414
#4b0414
rgb(75,4,20)
-
#5e0619
#5e0619
rgb(94,6,25)
-
#70071e
#70071e
rgb(112,7,30)
-
#830823
#830823
rgb(131,8,35)
-
#960928
#960928
rgb(150,9,40)
-
#a80a2d
#a80a2d
rgb(168,10,45)
-
#bb0b32
#bb0b32
rgb(187,11,50)
-
#cd0c37
#cd0c37
rgb(205,12,55)
-
#e00d3c
#e00d3c
rgb(224,13,60)
-
#f10f41
#f10f41
rgb(241,15,65)
-
#f22250
#f22250
rgb(242,34,80)
-
#f3355f
#f3355f
rgb(243,53,95)
-
#f4476d
#f4476d
rgb(244,71,109)
-
#f55a7c
#f55a7c
rgb(245,90,124)
-
#f66c8b
#f66c8b
rgb(246,108,139)
-
#f77f99
#f77f99
rgb(247,127,153)
-
#f991a8
#f991a8
rgb(249,145,168)
-
#faa4b7
#faa4b7
rgb(250,164,183)
-
#fbb6c5
#fbb6c5
rgb(251,182,197)
-
#fcc9d4
#fcc9d4
rgb(252,201,212)
-
#fddbe3
#fddbe3
rgb(253,219,227)
-
#feeef1
#feeef1
rgb(254,238,241)
Tones of #f22250
A tone is produced by adding gray to any pure hue. In this case, #8f8587 is the less saturated color, while #fb194b is the most saturated one.
-
#8f8587
#8f8587
rgb(143,133,135)
-
#987c82
#987c82
rgb(152,124,130)
-
#a1737d
#a1737d
rgb(161,115,125)
-
#aa6a78
#aa6a78
rgb(170,106,120)
-
#b36173
#b36173
rgb(179,97,115)
-
#bc586e
#bc586e
rgb(188,88,110)
-
#c54f69
#c54f69
rgb(197,79,105)
-
#ce4664
#ce4664
rgb(206,70,100)
-
#d73d5f
#d73d5f
rgb(215,61,95)
-
#e0345a
#e0345a
rgb(224,52,90)
-
#e92b55
#e92b55
rgb(233,43,85)
-
#f22250
#f22250
rgb(242,34,80)
-
#fb194b
#fb194b
rgb(251,25,75)
Color Blindness Simulator
Below, you can see how #f22250 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.