#f31b71 hex color

In a RGB color space, hex #f31b71 is composed of 95.3% red, 10.6% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.9% magenta, 53.5% yellow and 4.7% black. It has a hue angle of 336.1 degrees, a saturation of 90% and a lightness of 52.9%. #f31b71 color hex could be obtained by blending #ff36e2 with #e70000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 11
- B 44
RGB color chart
- C 0
- M 89
- Y 53
- K 5
CMYK color chart

● #f31b71 color description : Vivid pink.

The hexadecimal color #f31b71 has RGB values of R:243, G:27, B:113 and CMYK values of C:0, M:0.89, Y:0.53, K:0.05. Its decimal value is 15932273.

Hex triplet	f31b71	`#f31b71`
RGB Decimal	243, 27, 113	`rgb(243,27,113)`
RGB Percent	95.3, 10.6, 44.3	`rgb(95.3%,10.6%,44.3%)`
CMYK	0, 89, 53, 5
HSL	336.1°, 90, 52.9	`hsl(336.1,90%,52.9%)`
HSV (or HSB)	336.1°, 88.9, 95.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.988, 78.378, 10.085
XYZ	40.336, 21.036, 17.558
xyY	0.511, 0.267, 21.036
CIE-LCH	52.988, 79.024, 7.332
CIE-LUV	52.988, 135.763, -3.399
Hunter-Lab	45.865, 76.722, 9.407
Binary	11110011, 00011011, 01110001

#f31b71
```
#f31b71 rgb(243,27,113)
```
#1bf39d
```
#1bf39d rgb(27,243,157)
```

Complementary Color

#f31bdd
```
#f31bdd rgb(243,27,221)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#f3311b
```
#f3311b rgb(243,49,27)
```

Analogous Color

#1bddf3
```
#1bddf3 rgb(27,221,243)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#1bf331
```
#1bf331 rgb(27,243,49)
```

Split Complementary Color

#1b71f3
```
#1b71f3 rgb(27,113,243)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#71f31b
```
#71f31b rgb(113,243,27)
```

Triadic Color

#9d1bf3
```
#9d1bf3 rgb(157,27,243)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#71f31b
```
#71f31b rgb(113,243,27)
```
#1bf39d
```
#1bf39d rgb(27,243,157)
```

Tetradic Color

#b80a4f
```
#b80a4f rgb(184,10,79)
```
#d00b59
```
#d00b59 rgb(208,11,89)
```
#e80c64
```
#e80c64 rgb(232,12,100)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#f43380
```
#f43380 rgb(244,51,128)
```
#f64b8f
```
#f64b8f rgb(246,75,143)
```
#f7649e
```
#f7649e rgb(247,100,158)
```

Monochromatic Color

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

#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#f31b95
```
#f31b95 rgb(243,27,149)
```
#f31b83
```
#f31b83 rgb(243,27,131)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#f31b5f
```
#f31b5f rgb(243,27,95)
```
#f31b4d
```
#f31b4d rgb(243,27,77)
```
#f31b3b
```
#f31b3b rgb(243,27,59)
```

Similar Colors

Text with hexadecimal color #f31b71

This text has a font color of #f31b71.

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

#f31b71 background color

This paragraph has a background color of #f31b71.

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

#f31b71 border color

This element has a border color of #f31b71.

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

CSS codes

.text {color:#f31b71;}

.background {background-color:#f31b71;}

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

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, #0e0106 is the darkest color, while #fffbfc is the lightest one.

#0e0106
```
#0e0106 rgb(14,1,6)
```
#21020e
```
#21020e rgb(33,2,14)
```
#340316
```
#340316 rgb(52,3,22)
```
#46041e
```
#46041e rgb(70,4,30)
```
#590526
```
#590526 rgb(89,5,38)
```
#6b062e
```
#6b062e rgb(107,6,46)
```
#7e0736
```
#7e0736 rgb(126,7,54)
```
#91083e
```
#91083e rgb(145,8,62)
```
#a30946
```
#a30946 rgb(163,9,70)
```
#b60a4e
```
#b60a4e rgb(182,10,78)
```
#c90b56
```
#c90b56 rgb(201,11,86)
```
#db0c5e
```
#db0c5e rgb(219,12,94)
```
#ee0d66
```
#ee0d66 rgb(238,13,102)
```

Shade Color Variation

#f31b71
```
#f31b71 rgb(243,27,113)
```
#f42e7d
```
#f42e7d rgb(244,46,125)
```
#f54088
```
#f54088 rgb(245,64,136)
```
#f65394
```
#f65394 rgb(246,83,148)
```
#f7669f
```
#f7669f rgb(247,102,159)
```
#f878ab
```
#f878ab rgb(248,120,171)
```
#f98bb7
```
#f98bb7 rgb(249,139,183)
```
#fa9dc2
```
#fa9dc2 rgb(250,157,194)
```
#fbb0ce
```
#fbb0ce rgb(251,176,206)
```
#fcc3d9
```
#fcc3d9 rgb(252,195,217)
```
#fdd5e5
```
#fdd5e5 rgb(253,213,229)
```
#fee8f1
```
#fee8f1 rgb(254,232,241)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#8d8186
```
#8d8186 rgb(141,129,134)
```
#977784
```
#977784 rgb(151,119,132)
```
#a06e82
```
#a06e82 rgb(160,110,130)
```
#a96580
```
#a96580 rgb(169,101,128)
```
#b25c7e
```
#b25c7e rgb(178,92,126)
```
#bc527c
```
#bc527c rgb(188,82,124)
```
#c5497a
```
#c5497a rgb(197,73,122)
```
#ce4079
```
#ce4079 rgb(206,64,121)
```
#d73777
```
#d73777 rgb(215,55,119)
```
#e12d75
```
#e12d75 rgb(225,45,117)
```
#ea2473
```
#ea2473 rgb(234,36,115)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```
#fc126f
```
#fc126f rgb(252,18,111)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#815667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e849e Protanopia 1% of men
#9a806a Deuteranopia 1% of men
#f03c3d Tritanopia 0.001% of the population

Trichromacy

#a95d8e Protanomaly 1% of men, 0.01% of women
#ba5b6d Deuteranomaly 6% of men, 0.4% of women
#f1304f Tritanomaly 0.01% of the population

#f31b71 hex color

#f31b71 Color Information

#f31b71 Color Conversion

Color Schemes with #f31b71

Alternatives to #f31b71

#f31b71 Preview

Shades and Tints of #f31b71

Tones of #f31b71

Color Blindness Simulator