#d31bff hex color

In a RGB color space, hex #d31bff is composed of 82.7% red, 10.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 89.4% magenta, 0% yellow and 0% black. It has a hue angle of 288.4 degrees, a saturation of 100% and a lightness of 55.3%. #d31bff color hex could be obtained by blending #ff36ff with #a700ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 83
- G 11
- B 100
RGB color chart
- C 17
- M 89
- Y 0
- K 0
CMYK color chart

● #d31bff color description : Vivid magenta.

The hexadecimal color #d31bff has RGB values of R:211, G:27, B:255 and CMYK values of C:0.17, M:0.89, Y:0, K:0. Its decimal value is 13835263.

Hex triplet	d31bff	`#d31bff`
RGB Decimal	211, 27, 255	`rgb(211,27,255)`
RGB Percent	82.7, 10.6, 100	`rgb(82.7%,10.6%,100%)`
CMYK	17, 89, 0, 0
HSL	288.4°, 100, 55.3	`hsl(288.4,100%,55.3%)`
HSV (or HSB)	288.4°, 89.4, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.873, 89.397, -71.597
XYZ	45.304, 21.855, 96.434
xyY	0.277, 0.134, 21.855
CIE-LCH	53.873, 114.534, 321.309
CIE-LUV	53.873, 53.031, -120.045
Hunter-Lab	46.749, 91.17, -89.579
Binary	11010011, 00011011, 11111111

#d31bff
```
#d31bff rgb(211,27,255)
```
#47ff1b
```
#47ff1b rgb(71,255,27)
```

Complementary Color

#611bff
```
#611bff rgb(97,27,255)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#ff1bb9
```
#ff1bb9 rgb(255,27,185)
```

Analogous Color

#1bff61
```
#1bff61 rgb(27,255,97)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#b9ff1b
```
#b9ff1b rgb(185,255,27)
```

Split Complementary Color

#1bffd3
```
#1bffd3 rgb(27,255,211)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```

Triadic Color

#1b47ff
```
#1b47ff rgb(27,71,255)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#47ff1b
```
#47ff1b rgb(71,255,27)
```

Tetradic Color

#a600ce
```
#a600ce rgb(166,0,206)
```
#ba00e7
```
#ba00e7 rgb(186,0,231)
```
#ce01ff
```
#ce01ff rgb(206,1,255)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#d835ff
```
#d835ff rgb(216,53,255)
```
#dd4eff
```
#dd4eff rgb(221,78,255)
```
#e268ff
```
#e268ff rgb(226,104,255)
```

Monochromatic Color

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

#9a1bff
```
#9a1bff rgb(154,27,255)
```
#ad1bff
```
#ad1bff rgb(173,27,255)
```
#c01bff
```
#c01bff rgb(192,27,255)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#e61bff
```
#e61bff rgb(230,27,255)
```
#f91bff
```
#f91bff rgb(249,27,255)
```
#ff1bf2
```
#ff1bf2 rgb(255,27,242)
```

Similar Colors

Text with hexadecimal color #d31bff

This text has a font color of #d31bff.

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

#d31bff background color

This paragraph has a background color of #d31bff.

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

#d31bff border color

This element has a border color of #d31bff.

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

CSS codes

.text {color:#d31bff;}

.background {background-color:#d31bff;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#16001b
```
#16001b rgb(22,0,27)
```
#26002f
```
#26002f rgb(38,0,47)
```
#350042
```
#350042 rgb(53,0,66)
```
#450056
```
#450056 rgb(69,0,86)
```
#550069
```
#550069 rgb(85,0,105)
```
#65007d
```
#65007d rgb(101,0,125)
```
#750091
```
#750091 rgb(117,0,145)
```
#8500a4
```
#8500a4 rgb(133,0,164)
```
#9400b8
```
#9400b8 rgb(148,0,184)
```
#a400cc
```
#a400cc rgb(164,0,204)
```
#b400df
```
#b400df rgb(180,0,223)
```
#c400f3
```
#c400f3 rgb(196,0,243)
```

Shade Color Variation

#cf07ff
```
#cf07ff rgb(207,7,255)
```
#d31bff
```
#d31bff rgb(211,27,255)
```
#d72fff
```
#d72fff rgb(215,47,255)
```
#db42ff
```
#db42ff rgb(219,66,255)
```
#de56ff
```
#de56ff rgb(222,86,255)
```
#e269ff
```
#e269ff rgb(226,105,255)
```
#e67dff
```
#e67dff rgb(230,125,255)
```
#ea91ff
```
#ea91ff rgb(234,145,255)
```
#eda4ff
```
#eda4ff rgb(237,164,255)
```
#f1b8ff
```
#f1b8ff rgb(241,184,255)
```
#f5ccff
```
#f5ccff rgb(245,204,255)
```
#f9dfff
```
#f9dfff rgb(249,223,255)
```
#fdf3ff
```
#fdf3ff rgb(253,243,255)
```

Tint Color Variation

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

#928496
```
#928496 rgb(146,132,150)
```
#987b9f
```
#987b9f rgb(152,123,159)
```
#9d73a7
```
#9d73a7 rgb(157,115,167)
```
#a36ab0
```
#a36ab0 rgb(163,106,176)
```
#a861b9
```
#a861b9 rgb(168,97,185)
```
#ad58c2
```
#ad58c2 rgb(173,88,194)
```
#b350ca
```
#b350ca rgb(179,80,202)
```
#b847d3
```
#b847d3 rgb(184,71,211)
```
#bd3edc
```
#bd3edc rgb(189,62,220)
```
#c335e5
```
#c335e5 rgb(195,53,229)
```
#c82ded
```
#c82ded rgb(200,45,237)
```
#ce24f6
```
#ce24f6 rgb(206,36,246)
```
#d31bff
```
#d31bff rgb(211,27,255)
```

Tone Color Variation

Below, you can see how #d31bff 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
#815c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1483ff Protanopia 1% of men
#0089e5 Deuteranopia 1% of men
#bf7077 Tritanopia 0.001% of the population

Trichromacy

#595dff Protanomaly 1% of men, 0.01% of women
#4c61ee Deuteranomaly 6% of men, 0.4% of women
#c651a8 Tritanomaly 0.01% of the population

#d31bff hex color

#d31bff Color Information

#d31bff Color Conversion

Color Schemes with #d31bff

Alternatives to #d31bff

#d31bff Preview

Shades and Tints of #d31bff

Tones of #d31bff

Color Blindness Simulator