colorhexa.com

#fc31c4 hex color

In a RGB color space, hex #fc31c4 is composed of 98.8% red, 19.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 22.2% yellow and 1.2% black. It has a hue angle of 316.6 degrees, a saturation of 97.1% and a lightness of 59%. #fc31c4 color hex could be obtained by blending #ff62ff with #f90089. Closest websafe color is: #ff33cc.

- R 99
- G 19
- B 77
RGB color chart
- C 0
- M 81
- Y 22
- K 1
CMYK color chart

● #fc31c4 color description : Bright pink.

The hexadecimal color #fc31c4 has RGB values of R:252, G:49, B:196 and CMYK values of C:0, M:0.81, Y:0.22, K:0.01. Its decimal value is 16527812.

Hex triplet	fc31c4	`#fc31c4`
RGB Decimal	252, 49, 196	`rgb(252,49,196)`
RGB Percent	98.8, 19.2, 76.9	`rgb(98.8%,19.2%,76.9%)`
CMYK	0, 81, 22, 1
HSL	316.6°, 97.1, 59	`hsl(316.6,97.1%,59%)`
HSV (or HSB)	316.6°, 80.6, 98.8
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.865, 84.156, -29.926
XYZ	51.207, 26.882, 54.714
xyY	0.386, 0.202, 26.882
CIE-LCH	58.865, 89.319, 340.424
CIE-LUV	58.865, 101.998, -59.089
Hunter-Lab	51.848, 85.56, -26.273
Binary	11111100, 00110001, 11000100

#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#31fc69
```
#31fc69 rgb(49,252,105)
```

Complementary Color

#cf31fc
```
#cf31fc rgb(207,49,252)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#fc315e
```
#fc315e rgb(252,49,94)
```

Analogous Color

#31fccf
```
#31fccf rgb(49,252,207)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#5efc31
```
#5efc31 rgb(94,252,49)
```

Split Complementary Color

#31c4fc
```
#31c4fc rgb(49,196,252)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#c4fc31
```
#c4fc31 rgb(196,252,49)
```

Triadic Color

#6931fc
```
#6931fc rgb(105,49,252)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#c4fc31
```
#c4fc31 rgb(196,252,49)
```
#31fc69
```
#31fc69 rgb(49,252,105)
```

Tetradic Color

#dd03a1
```
#dd03a1 rgb(221,3,161)
```
#f604b3
```
#f604b3 rgb(246,4,179)
```
#fc18bd
```
#fc18bd rgb(252,24,189)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#fc4acb
```
#fc4acb rgb(252,74,203)
```
#fd63d2
```
#fd63d2 rgb(253,99,210)
```
#fd7cda
```
#fd7cda rgb(253,124,218)
```

Monochromatic Color

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

#fc31f7
```
#fc31f7 rgb(252,49,247)
```
#fc31e6
```
#fc31e6 rgb(252,49,230)
```
#fc31d5
```
#fc31d5 rgb(252,49,213)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#fc31b3
```
#fc31b3 rgb(252,49,179)
```
#fc31a2
```
#fc31a2 rgb(252,49,162)
```
#fc3191
```
#fc3191 rgb(252,49,145)
```

Similar Colors

Text with hexadecimal color #fc31c4

This text has a font color of #fc31c4.

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

#fc31c4 background color

This paragraph has a background color of #fc31c4.

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

#fc31c4 border color

This element has a border color of #fc31c4.

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

CSS codes

.text {color:#fc31c4;}

.background {background-color:#fc31c4;}

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

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

#070005
```
#070005 rgb(7,0,5)
```
#1a0013
```
#1a0013 rgb(26,0,19)
```
#2d0121
```
#2d0121 rgb(45,1,33)
```
#41012f
```
#41012f rgb(65,1,47)
```
#54013d
```
#54013d rgb(84,1,61)
```
#67024b
```
#67024b rgb(103,2,75)
```
#7b0259
```
#7b0259 rgb(123,2,89)
```
#8e0267
```
#8e0267 rgb(142,2,103)
```
#a10275
```
#a10275 rgb(161,2,117)
```
#b50384
```
#b50384 rgb(181,3,132)
```
#c80392
```
#c80392 rgb(200,3,146)
```
#db03a0
```
#db03a0 rgb(219,3,160)
```
#ef03ae
```
#ef03ae rgb(239,3,174)
```

Shade Color Variation

#fb0ab9
```
#fb0ab9 rgb(251,10,185)
```
#fc1ebe
```
#fc1ebe rgb(252,30,190)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```
#fc44ca
```
#fc44ca rgb(252,68,202)
```
#fd58cf
```
#fd58cf rgb(253,88,207)
```
#fd6bd5
```
#fd6bd5 rgb(253,107,213)
```
#fd7eda
```
#fd7eda rgb(253,126,218)
```
#fd92e0
```
#fd92e0 rgb(253,146,224)
```
#fea5e5
```
#fea5e5 rgb(254,165,229)
```
#feb8eb
```
#feb8eb rgb(254,184,235)
```
#feccf0
```
#feccf0 rgb(254,204,240)
```
#ffdff6
```
#ffdff6 rgb(255,223,246)
```
#fff2fb
```
#fff2fb rgb(255,242,251)
```

Tint Color Variation

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

#9c9199
```
#9c9199 rgb(156,145,153)
```
#a4899c
```
#a4899c rgb(164,137,156)
```
#ac81a0
```
#ac81a0 rgb(172,129,160)
```
#b479a4
```
#b479a4 rgb(180,121,164)
```
#bc71a7
```
#bc71a7 rgb(188,113,167)
```
#c469ab
```
#c469ab rgb(196,105,171)
```
#cc61ae
```
#cc61ae rgb(204,97,174)
```
#d459b2
```
#d459b2 rgb(212,89,178)
```
#dc51b6
```
#dc51b6 rgb(220,81,182)
```
#e449b9
```
#e449b9 rgb(228,73,185)
```
#ec41bd
```
#ec41bd rgb(236,65,189)
```
#f439c0
```
#f439c0 rgb(244,57,192)
```
#fc31c4
```
#fc31c4 rgb(252,49,196)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#976f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#588ffc Protanopia 1% of men
#8e90b5 Deuteranopia 1% of men
#f36066 Tritanopia 0.001% of the population

Trichromacy

#936de8 Protanomaly 1% of men, 0.01% of women
#b66eba Deuteranomaly 6% of men, 0.4% of women
#f64f88 Tritanomaly 0.01% of the population