#fb31dc hex color

In a RGB color space, hex #fb31dc is composed of 98.4% red, 19.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 12.4% yellow and 1.6% black. It has a hue angle of 309.2 degrees, a saturation of 96.2% and a lightness of 58.8%. #fb31dc color hex could be obtained by blending #ff62ff with #f700b9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 98
- G 19
- B 86
RGB color chart
- C 0
- M 80
- Y 12
- K 2
CMYK color chart

● #fb31dc color description : Bright magenta.

The hexadecimal color #fb31dc has RGB values of R:251, G:49, B:220 and CMYK values of C:0, M:0.8, Y:0.12, K:0.02. Its decimal value is 16462300.

Hex triplet	fb31dc	`#fb31dc`
RGB Decimal	251, 49, 220	`rgb(251,49,220)`
RGB Percent	98.4, 19.2, 86.3	`rgb(98.4%,19.2%,86.3%)`
CMYK	0, 80, 12, 2
HSL	309.2°, 96.2, 58.8	`hsl(309.2,96.2%,58.8%)`
HSV (or HSB)	309.2°, 80.5, 98.4
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.778, 86.975, -42.171
XYZ	53.8, 27.877, 70.254
xyY	0.354, 0.183, 27.877
CIE-LCH	59.778, 96.66, 334.133
CIE-LUV	59.778, 91.208, -78.365
Hunter-Lab	52.799, 89.485, -41.931
Binary	11111011, 00110001, 11011100

#fb31dc
```
#fb31dc rgb(251,49,220)
```
#31fb50
```
#31fb50 rgb(49,251,80)
```

Complementary Color

#b531fb
```
#b531fb rgb(181,49,251)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#fb3177
```
#fb3177 rgb(251,49,119)
```

Analogous Color

#31fbb5
```
#31fbb5 rgb(49,251,181)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#77fb31
```
#77fb31 rgb(119,251,49)
```

Split Complementary Color

#31dcfb
```
#31dcfb rgb(49,220,251)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#dcfb31
```
#dcfb31 rgb(220,251,49)
```

Triadic Color

#5031fb
```
#5031fb rgb(80,49,251)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#dcfb31
```
#dcfb31 rgb(220,251,49)
```
#31fb50
```
#31fb50 rgb(49,251,80)
```

Tetradic Color

#db04ba
```
#db04ba rgb(219,4,186)
```
#f405d0
```
#f405d0 rgb(244,5,208)
```
#fb18d8
```
#fb18d8 rgb(251,24,216)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#fb4ae0
```
#fb4ae0 rgb(251,74,224)
```
#fc63e5
```
#fc63e5 rgb(252,99,229)
```
#fc7ce9
```
#fc7ce9 rgb(252,124,233)
```

Monochromatic Color

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

#e831fb
```
#e831fb rgb(232,49,251)
```
#f831fb
```
#f831fb rgb(248,49,251)
```
#fb31ed
```
#fb31ed rgb(251,49,237)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#fb31cb
```
#fb31cb rgb(251,49,203)
```
#fb31ba
```
#fb31ba rgb(251,49,186)
```
#fb31aa
```
#fb31aa rgb(251,49,170)
```

Similar Colors

Text with hexadecimal color #fb31dc

This text has a font color of #fb31dc.

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

#fb31dc background color

This paragraph has a background color of #fb31dc.

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

#fb31dc border color

This element has a border color of #fb31dc.

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

CSS codes

.text {color:#fb31dc;}

.background {background-color:#fb31dc;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#190015
```
#190015 rgb(25,0,21)
```
#2c0126
```
#2c0126 rgb(44,1,38)
```
#3f0136
```
#3f0136 rgb(63,1,54)
```
#530246
```
#530246 rgb(83,2,70)
```
#660257
```
#660257 rgb(102,2,87)
```
#790267
```
#790267 rgb(121,2,103)
```
#8c0377
```
#8c0377 rgb(140,3,119)
```
#a00388
```
#a00388 rgb(160,3,136)
```
#b30398
```
#b30398 rgb(179,3,152)
```
#c604a8
```
#c604a8 rgb(198,4,168)
```
#d904b9
```
#d904b9 rgb(217,4,185)
```
#ed05c9
```
#ed05c9 rgb(237,5,201)
```

Shade Color Variation

#fa0bd5
```
#fa0bd5 rgb(250,11,213)
```
#fb1ed9
```
#fb1ed9 rgb(251,30,217)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```
#fb44df
```
#fb44df rgb(251,68,223)
```
#fc57e3
```
#fc57e3 rgb(252,87,227)
```
#fc6be6
```
#fc6be6 rgb(252,107,230)
```
#fc7ee9
```
#fc7ee9 rgb(252,126,233)
```
#fd91ec
```
#fd91ec rgb(253,145,236)
```
#fda4f0
```
#fda4f0 rgb(253,164,240)
```
#feb8f3
```
#feb8f3 rgb(254,184,243)
```
#fecbf6
```
#fecbf6 rgb(254,203,246)
```
#fedef9
```
#fedef9 rgb(254,222,249)
```
#fff1fd
```
#fff1fd rgb(255,241,253)
```

Tint Color Variation

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

#9a9299
```
#9a9299 rgb(154,146,153)
```
#a28a9e
```
#a28a9e rgb(162,138,158)
```
#aa82a4
```
#aa82a4 rgb(170,130,164)
```
#b27aaa
```
#b27aaa rgb(178,122,170)
```
#ba72af
```
#ba72af rgb(186,114,175)
```
#c26ab5
```
#c26ab5 rgb(194,106,181)
```
#cb61ba
```
#cb61ba rgb(203,97,186)
```
#d359c0
```
#d359c0 rgb(211,89,192)
```
#db51c6
```
#db51c6 rgb(219,81,198)
```
#e349cb
```
#e349cb rgb(227,73,203)
```
#eb41d1
```
#eb41d1 rgb(235,65,209)
```
#f339d6
```
#f339d6 rgb(243,57,214)
```
#fb31dc
```
#fb31dc rgb(251,49,220)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#997193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#8294ca Deuteranopia 1% of men
#ef696f Tritanopia 0.001% of the population

Trichromacy

#946ef2 Protanomaly 1% of men, 0.01% of women
#ae70d1 Deuteranomaly 6% of men, 0.4% of women
#f35496 Tritanomaly 0.01% of the population

#fb31dc hex color

#fb31dc Color Information

#fb31dc Color Conversion

Color Schemes with #fb31dc

Alternatives to #fb31dc

#fb31dc Preview

Shades and Tints of #fb31dc

Tones of #fb31dc

Color Blindness Simulator