colorhexa.com

#f71b71 hex color

In a RGB color space, hex #f71b71 is composed of 96.9% red, 10.6% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.1% magenta, 54.3% yellow and 3.1% black. It has a hue angle of 336.5 degrees, a saturation of 93.2% and a lightness of 53.7%. #f71b71 color hex could be obtained by blending #ff36e2 with #ef0000. Closest websafe color is: #ff3366.

- R 97
- G 11
- B 44
RGB color chart
- C 0
- M 89
- Y 54
- K 3
CMYK color chart

● #f71b71 color description : Vivid pink.

The hexadecimal color #f71b71 has RGB values of R:247, G:27, B:113 and CMYK values of C:0, M:0.89, Y:0.54, K:0.03. Its decimal value is 16194417.

Hex triplet	f71b71	`#f71b71`
RGB Decimal	247, 27, 113	`rgb(247,27,113)`
RGB Percent	96.9, 10.6, 44.3	`rgb(96.9%,10.6%,44.3%)`
CMYK	0, 89, 54, 3
HSL	336.5°, 93.2, 53.7	`hsl(336.5,93.2%,53.7%)`
HSV (or HSB)	336.5°, 89.1, 96.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.766, 79.309, 11.291
XYZ	41.732, 21.755, 17.624
xyY	0.515, 0.268, 21.755
CIE-LCH	53.766, 80.109, 8.103
CIE-LUV	53.766, 138.904, -2.226
Hunter-Lab	46.642, 78.083, 10.247
Binary	11110111, 00011011, 01110001

#f71b71
```
#f71b71 rgb(247,27,113)
```
#1bf7a1
```
#1bf7a1 rgb(27,247,161)
```

Complementary Color

#f71bdf
```
#f71bdf rgb(247,27,223)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```
#f7331b
```
#f7331b rgb(247,51,27)
```

Analogous Color

#1bdff7
```
#1bdff7 rgb(27,223,247)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```
#1bf733
```
#1bf733 rgb(27,247,51)
```

Split Complementary Color

#1b71f7
```
#1b71f7 rgb(27,113,247)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```
#71f71b
```
#71f71b rgb(113,247,27)
```

Triadic Color

#a11bf7
```
#a11bf7 rgb(161,27,247)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```
#71f71b
```
#71f71b rgb(113,247,27)
```
#1bf7a1
```
#1bf7a1 rgb(27,247,161)
```

Tetradic Color

#bf074f
```
#bf074f rgb(191,7,79)
```
#d70859
```
#d70859 rgb(215,8,89)
```
#f00863
```
#f00863 rgb(240,8,99)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```
#f83480
```
#f83480 rgb(248,52,128)
```
#f94c90
```
#f94c90 rgb(249,76,144)
```
#fa659f
```
#fa659f rgb(250,101,159)
```

Monochromatic Color

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

#f71ba8
```
#f71ba8 rgb(247,27,168)
```
#f71b96
```
#f71b96 rgb(247,27,150)
```
#f71b83
```
#f71b83 rgb(247,27,131)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```
#f71b5f
```
#f71b5f rgb(247,27,95)
```
#f71b4c
```
#f71b4c rgb(247,27,76)
```
#f71b3a
```
#f71b3a rgb(247,27,58)
```

Similar Colors

Text with hexadecimal color #f71b71

This text has a font color of #f71b71.

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

#f71b71 background color

This paragraph has a background color of #f71b71.

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

#f71b71 border color

This element has a border color of #f71b71.

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

CSS codes

.text {color:#f71b71;}

.background {background-color:#f71b71;}

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

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

#120108
```
#120108 rgb(18,1,8)
```
#25010f
```
#25010f rgb(37,1,15)
```
#380217
```
#380217 rgb(56,2,23)
```
#4b031f
```
#4b031f rgb(75,3,31)
```
#5e0327
```
#5e0327 rgb(94,3,39)
```
#71042f
```
#71042f rgb(113,4,47)
```
#840536
```
#840536 rgb(132,5,54)
```
#97053e
```
#97053e rgb(151,5,62)
```
#aa0646
```
#aa0646 rgb(170,6,70)
```
#bd074e
```
#bd074e rgb(189,7,78)
```
#d00756
```
#d00756 rgb(208,7,86)
```
#e3085e
```
#e3085e rgb(227,8,94)
```
#f60965
```
#f60965 rgb(246,9,101)
```

Shade Color Variation

#f71b71
```
#f71b71 rgb(247,27,113)
```
#f82e7d
```
#f82e7d rgb(248,46,125)
```
#f84189
```
#f84189 rgb(248,65,137)
```
#f95494
```
#f95494 rgb(249,84,148)
```
#fa67a0
```
#fa67a0 rgb(250,103,160)
```
#fa7aac
```
#fa7aac rgb(250,122,172)
```
#fb8db8
```
#fb8db8 rgb(251,141,184)
```
#fca0c4
```
#fca0c4 rgb(252,160,196)
```
#fcb3cf
```
#fcb3cf rgb(252,179,207)
```
#fdc6db
```
#fdc6db rgb(253,198,219)
```
#fed9e7
```
#fed9e7 rgb(254,217,231)
```
#feebf3
```
#feebf3 rgb(254,235,243)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8a8889
```
#8a8889 rgb(138,136,137)
```
#937f87
```
#937f87 rgb(147,127,135)
```
#9c7685
```
#9c7685 rgb(156,118,133)
```
#a56d83
```
#a56d83 rgb(165,109,131)
```
#ae6481
```
#ae6481 rgb(174,100,129)
```
#b75b7f
```
#b75b7f rgb(183,91,127)
```
#c1517d
```
#c1517d rgb(193,81,125)
```
#ca487b
```
#ca487b rgb(202,72,123)
```
#d33f79
```
#d33f79 rgb(211,63,121)
```
#dc3677
```
#dc3677 rgb(220,54,119)
```
#e52d75
```
#e52d75 rgb(229,45,117)
```
#ee2473
```
#ee2473 rgb(238,36,115)
```
#f71b71
```
#f71b71 rgb(247,27,113)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#845869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81859f Protanopia 1% of men
#9d816a Deuteranopia 1% of men
#f43c3d Tritanopia 0.001% of the population

Trichromacy

#ac5f8e Protanomaly 1% of men, 0.01% of women
#bd5c6c Deuteranomaly 6% of men, 0.4% of women
#f5304f Tritanomaly 0.01% of the population