#d31af0 hex color

In a RGB color space, hex #d31af0 is composed of 82.7% red, 10.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 89.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 291.9 degrees, a saturation of 87.7% and a lightness of 52.2%. #d31af0 color hex could be obtained by blending #ff34ff with #a700e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 83
- G 10
- B 94
RGB color chart
- C 12
- M 89
- Y 0
- K 6
CMYK color chart

● #d31af0 color description : Vivid magenta.

The hexadecimal color #d31af0 has RGB values of R:211, G:26, B:240 and CMYK values of C:0.12, M:0.89, Y:0, K:0.06. Its decimal value is 13834992.

Hex triplet	d31af0	`#d31af0`
RGB Decimal	211, 26, 240	`rgb(211,26,240)`
RGB Percent	82.7, 10.2, 94.1	`rgb(82.7%,10.2%,94.1%)`
CMYK	12, 89, 0, 6
HSL	291.9°, 87.7, 52.2	`hsl(291.9,87.7%,52.2%)`
HSV (or HSB)	291.9°, 89.2, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.819, 87.083, -64.922
XYZ	42.96, 20.881, 84.201
xyY	0.29, 0.141, 20.881
CIE-LCH	52.819, 108.62, 323.295
CIE-LUV	52.819, 57.973, -109.614
Hunter-Lab	45.696, 87.844, -77.262
Binary	11010011, 00011010, 11110000

#d31af0
```
#d31af0 rgb(211,26,240)
```
#37f01a
```
#37f01a rgb(55,240,26)
```

Complementary Color

#681af0
```
#681af0 rgb(104,26,240)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#f01aa2
```
#f01aa2 rgb(240,26,162)
```

Analogous Color

#1af068
```
#1af068 rgb(26,240,104)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#a2f01a
```
#a2f01a rgb(162,240,26)
```

Split Complementary Color

#1af0d3
```
#1af0d3 rgb(26,240,211)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#f0d31a
```
#f0d31a rgb(240,211,26)
```

Triadic Color

#1a37f0
```
#1a37f0 rgb(26,55,240)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#f0d31a
```
#f0d31a rgb(240,211,26)
```
#37f01a
```
#37f01a rgb(55,240,26)
```

Tetradic Color

#9b0cb2
```
#9b0cb2 rgb(155,12,178)
```
#b00dca
```
#b00dca rgb(176,13,202)
```
#c50fe2
```
#c50fe2 rgb(197,15,226)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#d832f2
```
#d832f2 rgb(216,50,242)
```
#dc4af3
```
#dc4af3 rgb(220,74,243)
```
#e162f5
```
#e162f5 rgb(225,98,245)
```

Monochromatic Color

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

#9e1af0
```
#9e1af0 rgb(158,26,240)
```
#af1af0
```
#af1af0 rgb(175,26,240)
```
#c11af0
```
#c11af0 rgb(193,26,240)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#e51af0
```
#e51af0 rgb(229,26,240)
```
#f01ae9
```
#f01ae9 rgb(240,26,233)
```
#f01ad8
```
#f01ad8 rgb(240,26,216)
```

Similar Colors

Text with hexadecimal color #d31af0

This text has a font color of #d31af0.

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

#d31af0 background color

This paragraph has a background color of #d31af0.

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

#d31af0 border color

This element has a border color of #d31af0.

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

CSS codes

.text {color:#d31af0;}

.background {background-color:#d31af0;}

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

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, #09010a is the darkest color, while #fdf7fe is the lightest one.

#09010a
```
#09010a rgb(9,1,10)
```
#19021d
```
#19021d rgb(25,2,29)
```
#29032f
```
#29032f rgb(41,3,47)
```
#390442
```
#390442 rgb(57,4,66)
```
#490554
```
#490554 rgb(73,5,84)
```
#590766
```
#590766 rgb(89,7,102)
```
#690879
```
#690879 rgb(105,8,121)
```
#7a098b
```
#7a098b rgb(122,9,139)
```
#8a0a9e
```
#8a0a9e rgb(138,10,158)
```
#9a0cb0
```
#9a0cb0 rgb(154,12,176)
```
#aa0dc2
```
#aa0dc2 rgb(170,13,194)
```
#ba0ed5
```
#ba0ed5 rgb(186,14,213)
```
#ca0fe7
```
#ca0fe7 rgb(202,15,231)
```

Shade Color Variation

#d31af0
```
#d31af0 rgb(211,26,240)
```
#d72cf1
```
#d72cf1 rgb(215,44,241)
```
#da3ff2
```
#da3ff2 rgb(218,63,242)
```
#de51f4
```
#de51f4 rgb(222,81,244)
```
#e164f5
```
#e164f5 rgb(225,100,245)
```
#e576f6
```
#e576f6 rgb(229,118,246)
```
#e888f7
```
#e888f7 rgb(232,136,247)
```
#ec9bf8
```
#ec9bf8 rgb(236,155,248)
```
#efadfa
```
#efadfa rgb(239,173,250)
```
#f3c0fb
```
#f3c0fb rgb(243,192,251)
```
#f6d2fc
```
#f6d2fc rgb(246,210,252)
```
#fae5fd
```
#fae5fd rgb(250,229,253)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#888189
```
#888189 rgb(136,129,137)
```
#8f7892
```
#8f7892 rgb(143,120,146)
```
#956e9c
```
#956e9c rgb(149,110,156)
```
#9c65a5
```
#9c65a5 rgb(156,101,165)
```
#a35cae
```
#a35cae rgb(163,92,174)
```
#aa52b8
```
#aa52b8 rgb(170,82,184)
```
#b149c1
```
#b149c1 rgb(177,73,193)
```
#b840ca
```
#b840ca rgb(184,64,202)
```
#be36d4
```
#be36d4 rgb(190,54,212)
```
#c52ddd
```
#c52ddd rgb(197,45,221)
```
#cc23e7
```
#cc23e7 rgb(204,35,231)
```
#d31af0
```
#d31af0 rgb(211,26,240)
```
#da11f9
```
#da11f9 rgb(218,17,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7f5a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#3686da Deuteranopia 1% of men
#c26a71 Tritanopia 0.001% of the population

Trichromacy

#4c5bf7 Protanomaly 1% of men, 0.01% of women
#6f5ee2 Deuteranomaly 6% of men, 0.4% of women
#c84d9f Tritanomaly 0.01% of the population

#d31af0 hex color

#d31af0 Color Information

#d31af0 Color Conversion

Color Schemes with #d31af0

Alternatives to #d31af0

#d31af0 Preview

Shades and Tints of #d31af0

Tones of #d31af0

Color Blindness Simulator