#ff31bd hex color

In a RGB color space, hex #ff31bd is composed of 100% red, 19.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 25.9% yellow and 0% black. It has a hue angle of 319.2 degrees, a saturation of 100% and a lightness of 59.6%. #ff31bd color hex could be obtained by blending #ff62ff with #ff007b. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 100
- G 19
- B 74
RGB color chart
- C 0
- M 81
- Y 26
- K 0
CMYK color chart

● #ff31bd color description : Vivid pink.

The hexadecimal color #ff31bd has RGB values of R:255, G:49, B:189 and CMYK values of C:0, M:0.81, Y:0.26, K:0. Its decimal value is 16724413.

Hex triplet	ff31bd	`#ff31bd`
RGB Decimal	255, 49, 189	`rgb(255,49,189)`
RGB Percent	100, 19.2, 74.1	`rgb(100%,19.2%,74.1%)`
CMYK	0, 81, 26, 0
HSL	319.2°, 100, 59.6	`hsl(319.2,100%,59.6%)`
HSV (or HSB)	319.2°, 80.8, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.1, 83.983, -25.5
XYZ	51.524, 27.135, 50.666
xyY	0.398, 0.21, 27.135
CIE-LCH	59.1, 87.769, 343.11
CIE-LUV	59.1, 107.344, -52.505
Hunter-Lab	52.092, 85.394, -21.203
Binary	11111111, 00110001, 10111101

#ff31bd
```
#ff31bd rgb(255,49,189)
```
#31ff73
```
#31ff73 rgb(49,255,115)
```

Complementary Color

#da31ff
```
#da31ff rgb(218,49,255)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#ff3156
```
#ff3156 rgb(255,49,86)
```

Analogous Color

#31ffda
```
#31ffda rgb(49,255,218)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#56ff31
```
#56ff31 rgb(86,255,49)
```

Split Complementary Color

#31bdff
```
#31bdff rgb(49,189,255)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#bdff31
```
#bdff31 rgb(189,255,49)
```

Triadic Color

#7331ff
```
#7331ff rgb(115,49,255)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#bdff31
```
#bdff31 rgb(189,255,49)
```
#31ff73
```
#31ff73 rgb(49,255,115)
```

Tetradic Color

#e4009b
```
#e4009b rgb(228,0,155)
```
#fd00ac
```
#fd00ac rgb(253,0,172)
```
#ff18b5
```
#ff18b5 rgb(255,24,181)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#ff4bc5
```
#ff4bc5 rgb(255,75,197)
```
#ff64cd
```
#ff64cd rgb(255,100,205)
```
#ff7ed6
```
#ff7ed6 rgb(255,126,214)
```

Monochromatic Color

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

#ff31f1
```
#ff31f1 rgb(255,49,241)
```
#ff31df
```
#ff31df rgb(255,49,223)
```
#ff31ce
```
#ff31ce rgb(255,49,206)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#ff31ac
```
#ff31ac rgb(255,49,172)
```
#ff319b
```
#ff319b rgb(255,49,155)
```
#ff318a
```
#ff318a rgb(255,49,138)
```

Similar Colors

Text with hexadecimal color #ff31bd

This text has a font color of #ff31bd.

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

#ff31bd background color

This paragraph has a background color of #ff31bd.

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

#ff31bd border color

This element has a border color of #ff31bd.

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

CSS codes

.text {color:#ff31bd;}

.background {background-color:#ff31bd;}

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

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

#0a0007
```
#0a0007 rgb(10,0,7)
```
#1d0014
```
#1d0014 rgb(29,0,20)
```
#310021
```
#310021 rgb(49,0,33)
```
#45002f
```
#45002f rgb(69,0,47)
```
#58003c
```
#58003c rgb(88,0,60)
```
#6c0049
```
#6c0049 rgb(108,0,73)
```
#7f0057
```
#7f0057 rgb(127,0,87)
```
#930064
```
#930064 rgb(147,0,100)
```
#a70071
```
#a70071 rgb(167,0,113)
```
#ba007f
```
#ba007f rgb(186,0,127)
```
#ce008c
```
#ce008c rgb(206,0,140)
```
#e20099
```
#e20099 rgb(226,0,153)
```
#f500a7
```
#f500a7 rgb(245,0,167)
```

Shade Color Variation

#ff0ab0
```
#ff0ab0 rgb(255,10,176)
```
#ff1db7
```
#ff1db7 rgb(255,29,183)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```
#ff45c3
```
#ff45c3 rgb(255,69,195)
```
#ff58ca
```
#ff58ca rgb(255,88,202)
```
#ff6cd0
```
#ff6cd0 rgb(255,108,208)
```
#ff7fd6
```
#ff7fd6 rgb(255,127,214)
```
#ff93dc
```
#ff93dc rgb(255,147,220)
```
#ffa7e3
```
#ffa7e3 rgb(255,167,227)
```
#ffbae9
```
#ffbae9 rgb(255,186,233)
```
#ffceef
```
#ffceef rgb(255,206,239)
```
#ffe2f6
```
#ffe2f6 rgb(255,226,246)
```
#fff5fc
```
#fff5fc rgb(255,245,252)
```

Tint Color Variation

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

#a0909b
```
#a0909b rgb(160,144,155)
```
#a8889e
```
#a8889e rgb(168,136,158)
```
#b080a1
```
#b080a1 rgb(176,128,161)
```
#b878a3
```
#b878a3 rgb(184,120,163)
```
#c070a6
```
#c070a6 rgb(192,112,166)
```
#c868a9
```
#c868a9 rgb(200,104,169)
```
#cf61ac
```
#cf61ac rgb(207,97,172)
```
#d759af
```
#d759af rgb(215,89,175)
```
#df51b2
```
#df51b2 rgb(223,81,178)
```
#e749b4
```
#e749b4 rgb(231,73,180)
```
#ef41b7
```
#ef41b7 rgb(239,65,183)
```
#f739ba
```
#f739ba rgb(247,57,186)
```
#ff31bd
```
#ff31bd rgb(255,49,189)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#996f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6290f4 Protanopia 1% of men
#9391af Deuteranopia 1% of men
#f75e63 Tritanopia 0.001% of the population

Trichromacy

#9b6de0 Protanomaly 1% of men, 0.01% of women
#ba6eb4 Deuteranomaly 6% of men, 0.4% of women
#fa4e84 Tritanomaly 0.01% of the population

#ff31bd hex color

#ff31bd Color Information

#ff31bd Color Conversion

Color Schemes with #ff31bd

Alternatives to #ff31bd

#ff31bd Preview

Shades and Tints of #ff31bd

Tones of #ff31bd

Color Blindness Simulator