colorhexa.com

#f21fa0 hex color

In a RGB color space, hex #f21fa0 is composed of 94.9% red, 12.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 33.9% yellow and 5.1% black. It has a hue angle of 323.3 degrees, a saturation of 89% and a lightness of 53.5%. #f21fa0 color hex could be obtained by blending #ff3eff with #e50041. Closest websafe color is: #ff3399.

- R 95
- G 12
- B 63
RGB color chart
- C 0
- M 87
- Y 34
- K 5
CMYK color chart

● #f21fa0 color description : Vivid pink.

The hexadecimal color #f21fa0 has RGB values of R:242, G:31, B:160 and CMYK values of C:0, M:0.87, Y:0.34, K:0.05. Its decimal value is 15867808.

Hex triplet	f21fa0	`#f21fa0`
RGB Decimal	242, 31, 160	`rgb(242,31,160)`
RGB Percent	94.9, 12.2, 62.7	`rgb(94.9%,12.2%,62.7%)`
CMYK	0, 87, 34, 5
HSL	323.3°, 89, 53.5	`hsl(323.3,89%,53.5%)`
HSV (or HSB)	323.3°, 87.2, 94.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.449, 81.525, -15.92
XYZ	43.454, 22.4, 35.291
xyY	0.43, 0.221, 22.4
CIE-LCH	54.449, 83.065, 348.951
CIE-LUV	54.449, 113.469, -37.478
Hunter-Lab	47.328, 81.063, -11.081
Binary	11110010, 00011111, 10100000

#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#1ff271
```
#1ff271 rgb(31,242,113)
```

Complementary Color

#db1ff2
```
#db1ff2 rgb(219,31,242)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#f21f36
```
#f21f36 rgb(242,31,54)
```

Analogous Color

#1ff2db
```
#1ff2db rgb(31,242,219)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#37f21f
```
#37f21f rgb(55,242,31)
```

Split Complementary Color

#1fa0f2
```
#1fa0f2 rgb(31,160,242)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#a0f21f
```
#a0f21f rgb(160,242,31)
```

Triadic Color

#711ff2
```
#711ff2 rgb(113,31,242)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#a0f21f
```
#a0f21f rgb(160,242,31)
```
#1ff271
```
#1ff271 rgb(31,242,113)
```

Tetradic Color

#ba0b76
```
#ba0b76 rgb(186,11,118)
```
#d20c85
```
#d20c85 rgb(210,12,133)
```
#ea0e94
```
#ea0e94 rgb(234,14,148)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#f337aa
```
#f337aa rgb(243,55,170)
```
#f54fb4
```
#f54fb4 rgb(245,79,180)
```
#f667bf
```
#f667bf rgb(246,103,191)
```

Monochromatic Color

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

#f21fd5
```
#f21fd5 rgb(242,31,213)
```
#f21fc3
```
#f21fc3 rgb(242,31,195)
```
#f21fb2
```
#f21fb2 rgb(242,31,178)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#f21f8e
```
#f21f8e rgb(242,31,142)
```
#f21f7d
```
#f21f7d rgb(242,31,125)
```
#f21f6b
```
#f21f6b rgb(242,31,107)
```

Similar Colors

Text with hexadecimal color #f21fa0

This text has a font color of #f21fa0.

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

#f21fa0 background color

This paragraph has a background color of #f21fa0.

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

#f21fa0 border color

This element has a border color of #f21fa0.

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

CSS codes

.text {color:#f21fa0;}

.background {background-color:#f21fa0;}

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

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, #11010b is the darkest color, while #fffdfe is the lightest one.

#11010b
```
#11010b rgb(17,1,11)
```
#240217
```
#240217 rgb(36,2,23)
```
#360322
```
#360322 rgb(54,3,34)
```
#49042e
```
#49042e rgb(73,4,46)
```
#5b053a
```
#5b053a rgb(91,5,58)
```
#6e0646
```
#6e0646 rgb(110,6,70)
```
#800751
```
#800751 rgb(128,7,81)
```
#93095d
```
#93095d rgb(147,9,93)
```
#a50a69
```
#a50a69 rgb(165,10,105)
```
#b80b75
```
#b80b75 rgb(184,11,117)
```
#ca0c80
```
#ca0c80 rgb(202,12,128)
```
#dd0d8c
```
#dd0d8c rgb(221,13,140)
```
#ef0e98
```
#ef0e98 rgb(239,14,152)
```

Shade Color Variation

#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#f332a8
```
#f332a8 rgb(243,50,168)
```
#f444b0
```
#f444b0 rgb(244,68,176)
```
#f557b8
```
#f557b8 rgb(245,87,184)
```
#f669bf
```
#f669bf rgb(246,105,191)
```
#f77cc7
```
#f77cc7 rgb(247,124,199)
```
#f88ecf
```
#f88ecf rgb(248,142,207)
```
#faa1d7
```
#faa1d7 rgb(250,161,215)
```
#fbb3df
```
#fbb3df rgb(251,179,223)
```
#fcc6e7
```
#fcc6e7 rgb(252,198,231)
```
#fdd8ef
```
#fdd8ef rgb(253,216,239)
```
#feebf6
```
#feebf6 rgb(254,235,246)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#8e838a
```
#8e838a rgb(142,131,138)
```
#977a8c
```
#977a8c rgb(151,122,140)
```
#a0718e
```
#a0718e rgb(160,113,142)
```
#a96890
```
#a96890 rgb(169,104,144)
```
#b25f92
```
#b25f92 rgb(178,95,146)
```
#bb5694
```
#bb5694 rgb(187,86,148)
```
#c44d96
```
#c44d96 rgb(196,77,150)
```
#ce4398
```
#ce4398 rgb(206,67,152)
```
#d73a9a
```
#d73a9a rgb(215,58,154)
```
#e0319c
```
#e0319c rgb(224,49,156)
```
#e9289e
```
#e9289e rgb(233,40,158)
```
#f21fa0
```
#f21fa0 rgb(242,31,160)
```
#fb16a2
```
#fb16a2 rgb(251,22,162)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#885d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6586d6 Protanopia 1% of men
#8f8595 Deuteranopia 1% of men
#ec4d51 Tritanopia 0.001% of the population

Trichromacy

#9860c2 Protanomaly 1% of men, 0.01% of women
#b36099 Deuteranomaly 6% of men, 0.4% of women
#ee3c6d Tritanomaly 0.01% of the population