#ff31b5 hex color

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

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

● #ff31b5 color description : Vivid pink.

The hexadecimal color #ff31b5 has RGB values of R:255, G:49, B:181 and CMYK values of C:0, M:0.81, Y:0.29, K:0. Its decimal value is 16724405.

Hex triplet	ff31b5	`#ff31b5`
RGB Decimal	255, 49, 181	`rgb(255,49,181)`
RGB Percent	100, 19.2, 71	`rgb(100%,19.2%,71%)`
CMYK	0, 81, 29, 0
HSL	321.6°, 100, 59.6	`hsl(321.6,100%,59.6%)`
HSV (or HSB)	321.6°, 80.8, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.787, 83.092, -21.364
XYZ	50.679, 26.798, 46.217
xyY	0.41, 0.217, 26.798
CIE-LCH	58.787, 85.794, 345.581
CIE-LUV	58.787, 110.81, -46.201
Hunter-Lab	51.766, 84.161, -16.698
Binary	11111111, 00110001, 10110101

#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#31ff7b
```
#31ff7b rgb(49,255,123)
```

Complementary Color

#e231ff
```
#e231ff rgb(226,49,255)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#ff314e
```
#ff314e rgb(255,49,78)
```

Analogous Color

#31ffe2
```
#31ffe2 rgb(49,255,226)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#4eff31
```
#4eff31 rgb(78,255,49)
```

Split Complementary Color

#31b5ff
```
#31b5ff rgb(49,181,255)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#b5ff31
```
#b5ff31 rgb(181,255,49)
```

Triadic Color

#7b31ff
```
#7b31ff rgb(123,49,255)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#b5ff31
```
#b5ff31 rgb(181,255,49)
```
#31ff7b
```
#31ff7b rgb(49,255,123)
```

Tetradic Color

#e40092
```
#e40092 rgb(228,0,146)
```
#fd00a2
```
#fd00a2 rgb(253,0,162)
```
#ff18ac
```
#ff18ac rgb(255,24,172)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#ff4bbe
```
#ff4bbe rgb(255,75,190)
```
#ff64c7
```
#ff64c7 rgb(255,100,199)
```
#ff7ed0
```
#ff7ed0 rgb(255,126,208)
```

Monochromatic Color

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

#ff31e9
```
#ff31e9 rgb(255,49,233)
```
#ff31d7
```
#ff31d7 rgb(255,49,215)
```
#ff31c6
```
#ff31c6 rgb(255,49,198)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#ff31a4
```
#ff31a4 rgb(255,49,164)
```
#ff3193
```
#ff3193 rgb(255,49,147)
```
#ff3182
```
#ff3182 rgb(255,49,130)
```

Similar Colors

Text with hexadecimal color #ff31b5

This text has a font color of #ff31b5.

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

#ff31b5 background color

This paragraph has a background color of #ff31b5.

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

#ff31b5 border color

This element has a border color of #ff31b5.

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

CSS codes

.text {color:#ff31b5;}

.background {background-color:#ff31b5;}

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

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

#0a0006
```
#0a0006 rgb(10,0,6)
```
#1d0013
```
#1d0013 rgb(29,0,19)
```
#31001f
```
#31001f rgb(49,0,31)
```
#45002c
```
#45002c rgb(69,0,44)
```
#580039
```
#580039 rgb(88,0,57)
```
#6c0045
```
#6c0045 rgb(108,0,69)
```
#7f0052
```
#7f0052 rgb(127,0,82)
```
#93005e
```
#93005e rgb(147,0,94)
```
#a7006b
```
#a7006b rgb(167,0,107)
```
#ba0077
```
#ba0077 rgb(186,0,119)
```
#ce0084
```
#ce0084 rgb(206,0,132)
```
#e20091
```
#e20091 rgb(226,0,145)
```
#f5009d
```
#f5009d rgb(245,0,157)
```

Shade Color Variation

#ff0aa7
```
#ff0aa7 rgb(255,10,167)
```
#ff1dae
```
#ff1dae rgb(255,29,174)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```
#ff45bc
```
#ff45bc rgb(255,69,188)
```
#ff58c3
```
#ff58c3 rgb(255,88,195)
```
#ff6cca
```
#ff6cca rgb(255,108,202)
```
#ff7fd1
```
#ff7fd1 rgb(255,127,209)
```
#ff93d8
```
#ff93d8 rgb(255,147,216)
```
#ffa7df
```
#ffa7df rgb(255,167,223)
```
#ffbae6
```
#ffbae6 rgb(255,186,230)
```
#ffceed
```
#ffceed rgb(255,206,237)
```
#ffe2f4
```
#ffe2f4 rgb(255,226,244)
```
#fff5fb
```
#fff5fb rgb(255,245,251)
```

Tint Color Variation

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

#a0909a
```
#a0909a rgb(160,144,154)
```
#a8889c
```
#a8889c rgb(168,136,156)
```
#b0809f
```
#b0809f rgb(176,128,159)
```
#b878a1
```
#b878a1 rgb(184,120,161)
```
#c070a3
```
#c070a3 rgb(192,112,163)
```
#c868a5
```
#c868a5 rgb(200,104,165)
```
#cf61a8
```
#cf61a8 rgb(207,97,168)
```
#d759aa
```
#d759aa rgb(215,89,170)
```
#df51ac
```
#df51ac rgb(223,81,172)
```
#e749ae
```
#e749ae rgb(231,73,174)
```
#ef41b1
```
#ef41b1 rgb(239,65,177)
```
#f739b3
```
#f739b3 rgb(247,57,179)
```
#ff31b5
```
#ff31b5 rgb(255,49,181)
```

Tone Color Variation

Below, you can see how #ff31b5 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
#986f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6990eb Protanopia 1% of men
#968fa8 Deuteranopia 1% of men
#f85b60 Tritanopia 0.001% of the population

Trichromacy

#a06dd7 Protanomaly 1% of men, 0.01% of women
#bc6dad Deuteranomaly 6% of men, 0.4% of women
#fa4c7f Tritanomaly 0.01% of the population

#ff31b5 hex color

#ff31b5 Color Information

#ff31b5 Color Conversion

Color Schemes with #ff31b5

Alternatives to #ff31b5

#ff31b5 Preview

Shades and Tints of #ff31b5

Tones of #ff31b5

Color Blindness Simulator