#f02171 hex color

In a RGB color space, hex #f02171 is composed of 94.1% red, 12.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 52.9% yellow and 5.9% black. It has a hue angle of 336.8 degrees, a saturation of 87.3% and a lightness of 53.5%. #f02171 color hex could be obtained by blending #ff42e2 with #e10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 94
- G 13
- B 44
RGB color chart
- C 0
- M 86
- Y 53
- K 6
CMYK color chart

● #f02171 color description : Vivid pink.

The hexadecimal color #f02171 has RGB values of R:240, G:33, B:113 and CMYK values of C:0, M:0.86, Y:0.53, K:0.06. Its decimal value is 15737201.

Hex triplet	f02171	`#f02171`
RGB Decimal	240, 33, 113	`rgb(240,33,113)`
RGB Percent	94.1, 12.9, 44.3	`rgb(94.1%,12.9%,44.3%)`
CMYK	0, 86, 53, 6
HSL	336.8°, 87.3, 53.5	`hsl(336.8,87.3%,53.5%)`
HSV (or HSB)	336.8°, 86.3, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.741, 76.708, 9.653
XYZ	39.461, 20.81, 17.561
xyY	0.507, 0.267, 20.81
CIE-LCH	52.741, 77.313, 7.172
CIE-LUV	52.741, 132.041, -3.486
Hunter-Lab	45.618, 74.578, 9.109
Binary	11110000, 00100001, 01110001

#f02171
```
#f02171 rgb(240,33,113)
```
#21f0a0
```
#21f0a0 rgb(33,240,160)
```

Complementary Color

#f021d9
```
#f021d9 rgb(240,33,217)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#f03921
```
#f03921 rgb(240,57,33)
```

Analogous Color

#21d9f0
```
#21d9f0 rgb(33,217,240)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#21f039
```
#21f039 rgb(33,240,57)
```

Split Complementary Color

#2171f0
```
#2171f0 rgb(33,113,240)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#71f021
```
#71f021 rgb(113,240,33)
```

Triadic Color

#a021f0
```
#a021f0 rgb(160,33,240)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#71f021
```
#71f021 rgb(113,240,33)
```
#21f0a0
```
#21f0a0 rgb(33,240,160)
```

Tetradic Color

#b80c4f
```
#b80c4f rgb(184,12,79)
```
#d00e59
```
#d00e59 rgb(208,14,89)
```
#e81063
```
#e81063 rgb(232,16,99)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#f23980
```
#f23980 rgb(242,57,128)
```
#f35190
```
#f35190 rgb(243,81,144)
```
#f5699f
```
#f5699f rgb(245,105,159)
```

Monochromatic Color

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

#f021a5
```
#f021a5 rgb(240,33,165)
```
#f02194
```
#f02194 rgb(240,33,148)
```
#f02182
```
#f02182 rgb(240,33,130)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#f02160
```
#f02160 rgb(240,33,96)
```
#f0214e
```
#f0214e rgb(240,33,78)
```
#f0213d
```
#f0213d rgb(240,33,61)
```

Similar Colors

Text with hexadecimal color #f02171

This text has a font color of #f02171.

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

#f02171 background color

This paragraph has a background color of #f02171.

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

#f02171 border color

This element has a border color of #f02171.

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

CSS codes

.text {color:#f02171;}

.background {background-color:#f02171;}

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

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

#110107
```
#110107 rgb(17,1,7)
```
#23020f
```
#23020f rgb(35,2,15)
```
#360417
```
#360417 rgb(54,4,23)
```
#48051f
```
#48051f rgb(72,5,31)
```
#5a0627
```
#5a0627 rgb(90,6,39)
```
#6d072f
```
#6d072f rgb(109,7,47)
```
#7f0936
```
#7f0936 rgb(127,9,54)
```
#910a3e
```
#910a3e rgb(145,10,62)
```
#a40b46
```
#a40b46 rgb(164,11,70)
```
#b60c4e
```
#b60c4e rgb(182,12,78)
```
#c90e56
```
#c90e56 rgb(201,14,86)
```
#db0f5e
```
#db0f5e rgb(219,15,94)
```
#ed1066
```
#ed1066 rgb(237,16,102)
```

Shade Color Variation

#f02171
```
#f02171 rgb(240,33,113)
```
#f1337d
```
#f1337d rgb(241,51,125)
```
#f24689
```
#f24689 rgb(242,70,137)
```
#f45894
```
#f45894 rgb(244,88,148)
```
#f56aa0
```
#f56aa0 rgb(245,106,160)
```
#f67dac
```
#f67dac rgb(246,125,172)
```
#f78fb8
```
#f78fb8 rgb(247,143,184)
```
#f9a2c3
```
#f9a2c3 rgb(249,162,195)
```
#fab4cf
```
#fab4cf rgb(250,180,207)
```
#fbc6db
```
#fbc6db rgb(251,198,219)
```
#fcd9e7
```
#fcd9e7 rgb(252,217,231)
```
#feebf2
```
#feebf2 rgb(254,235,242)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#8c8588
```
#8c8588 rgb(140,133,136)
```
#957c86
```
#957c86 rgb(149,124,134)
```
#9e7384
```
#9e7384 rgb(158,115,132)
```
#a76a82
```
#a76a82 rgb(167,106,130)
```
#b0617f
```
#b0617f rgb(176,97,127)
```
#b9587d
```
#b9587d rgb(185,88,125)
```
#c24f7b
```
#c24f7b rgb(194,79,123)
```
#cc4579
```
#cc4579 rgb(204,69,121)
```
#d53c77
```
#d53c77 rgb(213,60,119)
```
#de3375
```
#de3375 rgb(222,51,117)
```
#e72a73
```
#e72a73 rgb(231,42,115)
```
#f02171
```
#f02171 rgb(240,33,113)
```
#f9186f
```
#f9186f rgb(249,24,111)
```

Tone Color Variation

Below, you can see how #f02171 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
#835a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e839d Protanopia 1% of men
#997f6b Deuteranopia 1% of men
#ee3e40 Tritanopia 0.001% of the population

Trichromacy

#a75f8d Protanomaly 1% of men, 0.01% of women
#b95d6d Deuteranomaly 6% of men, 0.4% of women
#ee3452 Tritanomaly 0.01% of the population

#f02171 hex color

#f02171 Color Information

#f02171 Color Conversion

Color Schemes with #f02171

Alternatives to #f02171

#f02171 Preview

Shades and Tints of #f02171

Tones of #f02171

Color Blindness Simulator