#f42282 hex color

In a RGB color space, hex #f42282 is composed of 95.7% red, 13.3% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 46.7% yellow and 4.3% black. It has a hue angle of 332.6 degrees, a saturation of 90.5% and a lightness of 54.5%. #f42282 color hex could be obtained by blending #ff44ff with #e90005. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 96
- G 13
- B 51
RGB color chart
- C 0
- M 86
- Y 47
- K 4
CMYK color chart

● #f42282 color description : Vivid pink.

The hexadecimal color #f42282 has RGB values of R:244, G:34, B:130 and CMYK values of C:0, M:0.86, Y:0.47, K:0.04. Its decimal value is 15999618.

Hex triplet	f42282	`#f42282`
RGB Decimal	244, 34, 130	`rgb(244,34,130)`
RGB Percent	95.7, 13.3, 51	`rgb(95.7%,13.3%,51%)`
CMYK	0, 86, 47, 4
HSL	332.6°, 90.5, 54.5	`hsl(332.6,90.5%,54.5%)`
HSV (or HSB)	332.6°, 86.1, 95.7
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.02, 78.757, 1.344
XYZ	41.911, 21.994, 23.156
xyY	0.481, 0.253, 21.994
CIE-LCH	54.02, 78.769, 0.978
CIE-LUV	54.02, 127.854, -13.888
Hunter-Lab	46.897, 77.451, 3.553
Binary	11110100, 00100010, 10000010

#f42282
```
#f42282 rgb(244,34,130)
```
#22f494
```
#22f494 rgb(34,244,148)
```

Complementary Color

#f422eb
```
#f422eb rgb(244,34,235)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#f42b22
```
#f42b22 rgb(244,43,34)
```

Analogous Color

#22ebf4
```
#22ebf4 rgb(34,235,244)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#22f42b
```
#22f42b rgb(34,244,43)
```

Split Complementary Color

#2282f4
```
#2282f4 rgb(34,130,244)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#82f422
```
#82f422 rgb(130,244,34)
```

Triadic Color

#9422f4
```
#9422f4 rgb(148,34,244)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#82f422
```
#82f422 rgb(130,244,34)
```
#22f494
```
#22f494 rgb(34,244,148)
```

Tetradic Color

#c00a5d
```
#c00a5d rgb(192,10,93)
```
#d80b69
```
#d80b69 rgb(216,11,105)
```
#f10c74
```
#f10c74 rgb(241,12,116)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#f53a90
```
#f53a90 rgb(245,58,144)
```
#f6539d
```
#f6539d rgb(246,83,157)
```
#f86bab
```
#f86bab rgb(248,107,171)
```

Monochromatic Color

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

#f422b7
```
#f422b7 rgb(244,34,183)
```
#f422a5
```
#f422a5 rgb(244,34,165)
```
#f42294
```
#f42294 rgb(244,34,148)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#f42271
```
#f42271 rgb(244,34,113)
```
#f4225f
```
#f4225f rgb(244,34,95)
```
#f4224d
```
#f4224d rgb(244,34,77)
```

Similar Colors

Text with hexadecimal color #f42282

This text has a font color of #f42282.

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

#f42282 background color

This paragraph has a background color of #f42282.

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

#f42282 border color

This element has a border color of #f42282.

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

CSS codes

.text {color:#f42282;}

.background {background-color:#f42282;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#16010b
```
#16010b rgb(22,1,11)
```
#290214
```
#290214 rgb(41,2,20)
```
#3b031d
```
#3b031d rgb(59,3,29)
```
#4e0426
```
#4e0426 rgb(78,4,38)
```
#61052f
```
#61052f rgb(97,5,47)
```
#730638
```
#730638 rgb(115,6,56)
```
#860741
```
#860741 rgb(134,7,65)
```
#99084a
```
#99084a rgb(153,8,74)
```
#ab0953
```
#ab0953 rgb(171,9,83)
```
#be095c
```
#be095c rgb(190,9,92)
```
#d10a65
```
#d10a65 rgb(209,10,101)
```
#e30b6e
```
#e30b6e rgb(227,11,110)
```

Shade Color Variation

#f30f77
```
#f30f77 rgb(243,15,119)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#f5358d
```
#f5358d rgb(245,53,141)
```
#f64797
```
#f64797 rgb(246,71,151)
```
#f75aa2
```
#f75aa2 rgb(247,90,162)
```
#f86dac
```
#f86dac rgb(248,109,172)
```
#f97fb7
```
#f97fb7 rgb(249,127,183)
```
#fa92c1
```
#fa92c1 rgb(250,146,193)
```
#fba5cc
```
#fba5cc rgb(251,165,204)
```
#fbb7d7
```
#fbb7d7 rgb(251,183,215)
```
#fccae1
```
#fccae1 rgb(252,202,225)
```
#fdddec
```
#fdddec rgb(253,221,236)
```
#fef0f6
```
#fef0f6 rgb(254,240,246)
```

Tint Color Variation

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

#92848a
```
#92848a rgb(146,132,138)
```
#9b7b8a
```
#9b7b8a rgb(155,123,138)
```
#a47289
```
#a47289 rgb(164,114,137)
```
#ad6988
```
#ad6988 rgb(173,105,136)
```
#b66087
```
#b66087 rgb(182,96,135)
```
#be5887
```
#be5887 rgb(190,88,135)
```
#c74f86
```
#c74f86 rgb(199,79,134)
```
#d04685
```
#d04685 rgb(208,70,133)
```
#d93d84
```
#d93d84 rgb(217,61,132)
```
#e23484
```
#e23484 rgb(226,52,132)
```
#eb2b83
```
#eb2b83 rgb(235,43,131)
```
#f42282
```
#f42282 rgb(244,34,130)
```
#fd1981
```
#fd1981 rgb(253,25,129)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#875d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a86b1 Protanopia 1% of men
#99837a Deuteranopia 1% of men
#f14446 Tritanopia 0.001% of the population

Trichromacy

#a661a0 Protanomaly 1% of men, 0.01% of women
#ba5f7d Deuteranomaly 6% of men, 0.4% of women
#f2385c Tritanomaly 0.01% of the population

#f42282 hex color

#f42282 Color Information

#f42282 Color Conversion

Color Schemes with #f42282

Alternatives to #f42282

#f42282 Preview

Shades and Tints of #f42282

Tones of #f42282

Color Blindness Simulator