#f22070 hex color

In a RGB color space, hex #f22070 is composed of 94.9% red, 12.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 53.7% yellow and 5.1% black. It has a hue angle of 337.1 degrees, a saturation of 89% and a lightness of 53.7%. #f22070 color hex could be obtained by blending #ff40e0 with #e50000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 13
- B 44
RGB color chart
- C 0
- M 87
- Y 54
- K 5
CMYK color chart

● #f22070 color description : Vivid pink.

The hexadecimal color #f22070 has RGB values of R:242, G:32, B:112 and CMYK values of C:0, M:0.87, Y:0.54, K:0.05. Its decimal value is 15868016.

Hex triplet	f22070	`#f22070`
RGB Decimal	242, 32, 112	`rgb(242,32,112)`
RGB Percent	94.9, 12.5, 43.9	`rgb(94.9%,12.5%,43.9%)`
CMYK	0, 87, 54, 5
HSL	337.1°, 89, 53.7	`hsl(337.1,89%,53.7%)`
HSV (or HSB)	337.1°, 86.8, 94.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.042, 77.288, 10.738
XYZ	40.061, 21.085, 17.289
xyY	0.511, 0.269, 21.085
CIE-LCH	53.042, 78.03, 7.909
CIE-LUV	53.042, 134.269, -2.384
Hunter-Lab	45.918, 75.373, 9.819
Binary	11110010, 00100000, 01110000

#f22070
```
#f22070 rgb(242,32,112)
```
#20f2a2
```
#20f2a2 rgb(32,242,162)
```

Complementary Color

#f220d9
```
#f220d9 rgb(242,32,217)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#f23920
```
#f23920 rgb(242,57,32)
```

Analogous Color

#20d9f2
```
#20d9f2 rgb(32,217,242)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#20f239
```
#20f239 rgb(32,242,57)
```

Split Complementary Color

#2070f2
```
#2070f2 rgb(32,112,242)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#70f220
```
#70f220 rgb(112,242,32)
```

Triadic Color

#a220f2
```
#a220f2 rgb(162,32,242)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#70f220
```
#70f220 rgb(112,242,32)
```
#20f2a2
```
#20f2a2 rgb(32,242,162)
```

Tetradic Color

#bb0b4e
```
#bb0b4e rgb(187,11,78)
```
#d30c58
```
#d30c58 rgb(211,12,88)
```
#eb0e62
```
#eb0e62 rgb(235,14,98)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#f3387f
```
#f3387f rgb(243,56,127)
```
#f5508f
```
#f5508f rgb(245,80,143)
```
#f6689e
```
#f6689e rgb(246,104,158)
```

Monochromatic Color

Below, you can see some colors close to #f22070. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f220a5
```
#f220a5 rgb(242,32,165)
```
#f22093
```
#f22093 rgb(242,32,147)
```
#f22082
```
#f22082 rgb(242,32,130)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#f2205e
```
#f2205e rgb(242,32,94)
```
#f2204d
```
#f2204d rgb(242,32,77)
```
#f2203b
```
#f2203b rgb(242,32,59)
```

Similar Colors

Text with hexadecimal color #f22070

This text has a font color of #f22070.

<span style="color:#f22070;">Text here</span>

#f22070 background color

This paragraph has a background color of #f22070.

<p style="background-color:#f22070;">Content here</p>

#f22070 border color

This element has a border color of #f22070.

<div style="border:1px solid #f22070;">Content here</div>

CSS codes

.text {color:#f22070;}

.background {background-color:#f22070;}

.border {border:1px solid #f22070;}

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, #120107 is the darkest color, while #fffeff is the lightest one.

#120107
```
#120107 rgb(18,1,7)
```
#24020f
```
#24020f rgb(36,2,15)
```
#370317
```
#370317 rgb(55,3,23)
```
#4a041f
```
#4a041f rgb(74,4,31)
```
#5c0526
```
#5c0526 rgb(92,5,38)
```
#6f062e
```
#6f062e rgb(111,6,46)
```
#810836
```
#810836 rgb(129,8,54)
```
#94093e
```
#94093e rgb(148,9,62)
```
#a60a45
```
#a60a45 rgb(166,10,69)
```
#b90b4d
```
#b90b4d rgb(185,11,77)
```
#cb0c55
```
#cb0c55 rgb(203,12,85)
```
#de0d5d
```
#de0d5d rgb(222,13,93)
```
#f00e64
```
#f00e64 rgb(240,14,100)
```

Shade Color Variation

#f22070
```
#f22070 rgb(242,32,112)
```
#f3337c
```
#f3337c rgb(243,51,124)
```
#f44588
```
#f44588 rgb(244,69,136)
```
#f55894
```
#f55894 rgb(245,88,148)
```
#f66aa0
```
#f66aa0 rgb(246,106,160)
```
#f77dab
```
#f77dab rgb(247,125,171)
```
#f88fb7
```
#f88fb7 rgb(248,143,183)
```
#faa2c3
```
#faa2c3 rgb(250,162,195)
```
#fbb4cf
```
#fbb4cf rgb(251,180,207)
```
#fcc7db
```
#fcc7db rgb(252,199,219)
```
#fdd9e7
```
#fdd9e7 rgb(253,217,231)
```
#feecf3
```
#feecf3 rgb(254,236,243)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8488 is the less saturated color, while #fb176e is the most saturated one.

#8e8488
```
#8e8488 rgb(142,132,136)
```
#977b86
```
#977b86 rgb(151,123,134)
```
#a07283
```
#a07283 rgb(160,114,131)
```
#a96981
```
#a96981 rgb(169,105,129)
```
#b2607f
```
#b2607f rgb(178,96,127)
```
#bc567d
```
#bc567d rgb(188,86,125)
```
#c54d7b
```
#c54d7b rgb(197,77,123)
```
#ce4479
```
#ce4479 rgb(206,68,121)
```
#d73b76
```
#d73b76 rgb(215,59,118)
```
#e03274
```
#e03274 rgb(224,50,116)
```
#e92972
```
#e92972 rgb(233,41,114)
```
#f22070
```
#f22070 rgb(242,32,112)
```
#fb176e
```
#fb176e rgb(251,23,110)
```

Tone Color Variation

Below, you can see how #f22070 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.

Monochromacy

#686868 Achromatopsia 0.005% of the population
#845a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f849c Protanopia 1% of men
#9b806a Deuteranopia 1% of men
#f03e3f Tritanopia 0.001% of the population

Trichromacy

#a95f8c Protanomaly 1% of men, 0.01% of women
#ba5d6c Deuteranomaly 6% of men, 0.4% of women
#f03351 Tritanomaly 0.01% of the population

#f22070 hex color

#f22070 Color Information

#f22070 Color Conversion

Color Schemes with #f22070

Alternatives to #f22070

#f22070 Preview

Shades and Tints of #f22070

Tones of #f22070

Color Blindness Simulator