#f31ba7 hex color

In a RGB color space, hex #f31ba7 is composed of 95.3% red, 10.6% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.9% magenta, 31.3% yellow and 4.7% black. It has a hue angle of 321.1 degrees, a saturation of 90% and a lightness of 52.9%. #f31ba7 color hex could be obtained by blending #ff36ff with #e7004f. Closest websafe color is: #ff3399.

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

● #f31ba7 color description : Vivid pink.

The hexadecimal color #f31ba7 has RGB values of R:243, G:27, B:167 and CMYK values of C:0, M:0.89, Y:0.31, K:0.05. Its decimal value is 15932327.

Hex triplet	f31ba7	`#f31ba7`
RGB Decimal	243, 27, 167	`rgb(243,27,167)`
RGB Percent	95.3, 10.6, 65.5	`rgb(95.3%,10.6%,65.5%)`
CMYK	0, 89, 31, 5
HSL	321.1°, 90, 52.9	`hsl(321.1,90%,52.9%)`
HSV (or HSB)	321.1°, 88.9, 95.3
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.692, 83.046, -19.655
XYZ	44.33, 22.633, 38.591
xyY	0.42, 0.214, 22.633
CIE-LCH	54.692, 85.34, 346.685
CIE-LUV	54.692, 111.687, -43.097
Hunter-Lab	47.574, 83.073, -14.793
Binary	11110011, 00011011, 10100111

#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#1bf367
```
#1bf367 rgb(27,243,103)
```

Complementary Color

#d31bf3
```
#d31bf3 rgb(211,27,243)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#f31b3b
```
#f31b3b rgb(243,27,59)
```

Analogous Color

#1bf3d3
```
#1bf3d3 rgb(27,243,211)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#3bf31b
```
#3bf31b rgb(59,243,27)
```

Split Complementary Color

#1ba7f3
```
#1ba7f3 rgb(27,167,243)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#a7f31b
```
#a7f31b rgb(167,243,27)
```

Triadic Color

#671bf3
```
#671bf3 rgb(103,27,243)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#a7f31b
```
#a7f31b rgb(167,243,27)
```
#1bf367
```
#1bf367 rgb(27,243,103)
```

Tetradic Color

#b80a7b
```
#b80a7b rgb(184,10,123)
```
#d00b8b
```
#d00b8b rgb(208,11,139)
```
#e80c9b
```
#e80c9b rgb(232,12,155)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#f433b0
```
#f433b0 rgb(244,51,176)
```
#f64bba
```
#f64bba rgb(246,75,186)
```
#f764c3
```
#f764c3 rgb(247,100,195)
```

Monochromatic Color

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

#f31bdd
```
#f31bdd rgb(243,27,221)
```
#f31bcb
```
#f31bcb rgb(243,27,203)
```
#f31bb9
```
#f31bb9 rgb(243,27,185)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#f31b95
```
#f31b95 rgb(243,27,149)
```
#f31b83
```
#f31b83 rgb(243,27,131)
```
#f31b71
```
#f31b71 rgb(243,27,113)
```

Similar Colors

Text with hexadecimal color #f31ba7

This text has a font color of #f31ba7.

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

#f31ba7 background color

This paragraph has a background color of #f31ba7.

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

#f31ba7 border color

This element has a border color of #f31ba7.

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

CSS codes

.text {color:#f31ba7;}

.background {background-color:#f31ba7;}

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

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

#0e0109
```
#0e0109 rgb(14,1,9)
```
#210216
```
#210216 rgb(33,2,22)
```
#340322
```
#340322 rgb(52,3,34)
```
#46042f
```
#46042f rgb(70,4,47)
```
#59053b
```
#59053b rgb(89,5,59)
```
#6b0648
```
#6b0648 rgb(107,6,72)
```
#7e0754
```
#7e0754 rgb(126,7,84)
```
#910860
```
#910860 rgb(145,8,96)
```
#a3096d
```
#a3096d rgb(163,9,109)
```
#b60a79
```
#b60a79 rgb(182,10,121)
```
#c90b86
```
#c90b86 rgb(201,11,134)
```
#db0c92
```
#db0c92 rgb(219,12,146)
```
#ee0d9f
```
#ee0d9f rgb(238,13,159)
```

Shade Color Variation

#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#f42eae
```
#f42eae rgb(244,46,174)
```
#f540b5
```
#f540b5 rgb(245,64,181)
```
#f653bd
```
#f653bd rgb(246,83,189)
```
#f766c4
```
#f766c4 rgb(247,102,196)
```
#f878cb
```
#f878cb rgb(248,120,203)
```
#f98bd2
```
#f98bd2 rgb(249,139,210)
```
#fa9dd9
```
#fa9dd9 rgb(250,157,217)
```
#fbb0e1
```
#fbb0e1 rgb(251,176,225)
```
#fcc3e8
```
#fcc3e8 rgb(252,195,232)
```
#fdd5ef
```
#fdd5ef rgb(253,213,239)
```
#fee8f6
```
#fee8f6 rgb(254,232,246)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#8d8189
```
#8d8189 rgb(141,129,137)
```
#97778c
```
#97778c rgb(151,119,140)
```
#a06e8e
```
#a06e8e rgb(160,110,142)
```
#a96591
```
#a96591 rgb(169,101,145)
```
#b25c94
```
#b25c94 rgb(178,92,148)
```
#bc5297
```
#bc5297 rgb(188,82,151)
```
#c54999
```
#c54999 rgb(197,73,153)
```
#ce409c
```
#ce409c rgb(206,64,156)
```
#d7379f
```
#d7379f rgb(215,55,159)
```
#e12da2
```
#e12da2 rgb(225,45,162)
```
#ea24a4
```
#ea24a4 rgb(234,36,164)
```
#f31ba7
```
#f31ba7 rgb(243,27,167)
```
#fc12aa
```
#fc12aa rgb(252,18,170)
```

Tone Color Variation

Below, you can see how #f31ba7 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
#875c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e86e0 Protanopia 1% of men
#8d869b Deuteranopia 1% of men
#ed4e52 Tritanopia 0.001% of the population

Trichromacy

#945fcb Protanomaly 1% of men, 0.01% of women
#b25f9f Deuteranomaly 6% of men, 0.4% of women
#ef3c71 Tritanomaly 0.01% of the population

#f31ba7 hex color

#f31ba7 Color Information

#f31ba7 Color Conversion

Color Schemes with #f31ba7

Alternatives to #f31ba7

#f31ba7 Preview

Shades and Tints of #f31ba7

Tones of #f31ba7

Color Blindness Simulator