#d831f0 hex color

In a RGB color space, hex #d831f0 is composed of 84.7% red, 19.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 79.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 292.5 degrees, a saturation of 86.4% and a lightness of 56.7%. #d831f0 color hex could be obtained by blending #ff62ff with #b100e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 85
- G 19
- B 94
RGB color chart
- C 10
- M 80
- Y 0
- K 6
CMYK color chart

● #d831f0 color description : Bright magenta.

The hexadecimal color #d831f0 has RGB values of R:216, G:49, B:240 and CMYK values of C:0.1, M:0.8, Y:0, K:0.06. Its decimal value is 14168560.

Hex triplet	d831f0	`#d831f0`
RGB Decimal	216, 49, 240	`rgb(216,49,240)`
RGB Percent	84.7, 19.2, 94.1	`rgb(84.7%,19.2%,94.1%)`
CMYK	10, 80, 0, 6
HSL	292.5°, 86.4, 56.7	`hsl(292.5,86.4%,56.7%)`
HSV (or HSB)	292.5°, 79.6, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.164, 83.37, -61.105
XYZ	45.144, 23.089, 84.512
xyY	0.296, 0.151, 23.089
CIE-LCH	55.164, 103.366, 323.761
CIE-LUV	55.164, 58.886, -104.824
Hunter-Lab	48.051, 83.61, -70.643
Binary	11011000, 00110001, 11110000

#d831f0
```
#d831f0 rgb(216,49,240)
```
#49f031
```
#49f031 rgb(73,240,49)
```

Complementary Color

#7931f0
```
#7931f0 rgb(121,49,240)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#f031a9
```
#f031a9 rgb(240,49,169)
```

Analogous Color

#31f079
```
#31f079 rgb(49,240,121)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#a9f031
```
#a9f031 rgb(169,240,49)
```

Split Complementary Color

#31f0d8
```
#31f0d8 rgb(49,240,216)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#f0d831
```
#f0d831 rgb(240,216,49)
```

Triadic Color

#3149f0
```
#3149f0 rgb(49,73,240)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#f0d831
```
#f0d831 rgb(240,216,49)
```
#49f031
```
#49f031 rgb(73,240,49)
```

Tetradic Color

#af0ec6
```
#af0ec6 rgb(175,14,198)
```
#c410de
```
#c410de rgb(196,16,222)
```
#d419ee
```
#d419ee rgb(212,25,238)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#dd49f2
```
#dd49f2 rgb(221,73,242)
```
#e161f3
```
#e161f3 rgb(225,97,243)
```
#e678f5
```
#e678f5 rgb(230,120,245)
```

Monochromatic Color

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

#a831f0
```
#a831f0 rgb(168,49,240)
```
#b831f0
```
#b831f0 rgb(184,49,240)
```
#c831f0
```
#c831f0 rgb(200,49,240)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#e831f0
```
#e831f0 rgb(232,49,240)
```
#f031e8
```
#f031e8 rgb(240,49,232)
```
#f031d8
```
#f031d8 rgb(240,49,216)
```

Similar Colors

Text with hexadecimal color #d831f0

This text has a font color of #d831f0.

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

#d831f0 background color

This paragraph has a background color of #d831f0.

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

#d831f0 border color

This element has a border color of #d831f0.

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

CSS codes

.text {color:#d831f0;}

.background {background-color:#d831f0;}

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

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

#0c010d
```
#0c010d rgb(12,1,13)
```
#1c0220
```
#1c0220 rgb(28,2,32)
```
#2c0432
```
#2c0432 rgb(44,4,50)
```
#3c0544
```
#3c0544 rgb(60,5,68)
```
#4c0657
```
#4c0657 rgb(76,6,87)
```
#5d0869
```
#5d0869 rgb(93,8,105)
```
#6d097b
```
#6d097b rgb(109,9,123)
```
#7d0a8d
```
#7d0a8d rgb(125,10,141)
```
#8d0ca0
```
#8d0ca0 rgb(141,12,160)
```
#9d0db2
```
#9d0db2 rgb(157,13,178)
```
#ad0ec4
```
#ad0ec4 rgb(173,14,196)
```
#be10d7
```
#be10d7 rgb(190,16,215)
```
#ce11e9
```
#ce11e9 rgb(206,17,233)
```

Shade Color Variation

#d51fef
```
#d51fef rgb(213,31,239)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#db43f1
```
#db43f1 rgb(219,67,241)
```
#df56f3
```
#df56f3 rgb(223,86,243)
```
#e268f4
```
#e268f4 rgb(226,104,244)
```
#e67af5
```
#e67af5 rgb(230,122,245)
```
#e98cf7
```
#e98cf7 rgb(233,140,247)
```
#ed9ff8
```
#ed9ff8 rgb(237,159,248)
```
#f0b1f9
```
#f0b1f9 rgb(240,177,249)
```
#f4c3fb
```
#f4c3fb rgb(244,195,251)
```
#f7d6fc
```
#f7d6fc rgb(247,214,252)
```
#fbe8fd
```
#fbe8fd rgb(251,232,253)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#928f93
```
#928f93 rgb(146,143,147)
```
#98869b
```
#98869b rgb(152,134,155)
```
#9f7ea4
```
#9f7ea4 rgb(159,126,164)
```
#a575ac
```
#a575ac rgb(165,117,172)
```
#ab6db5
```
#ab6db5 rgb(171,109,181)
```
#b264bd
```
#b264bd rgb(178,100,189)
```
#b85cc6
```
#b85cc6 rgb(184,92,198)
```
#bf53ce
```
#bf53ce rgb(191,83,206)
```
#c54bd7
```
#c54bd7 rgb(197,75,215)
```
#cb42df
```
#cb42df rgb(203,66,223)
```
#d23ae8
```
#d23ae8 rgb(210,58,232)
```
#d831f0
```
#d831f0 rgb(216,49,240)
```
#de29f9
```
#de29f9 rgb(222,41,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#8c6b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3186ff Protanopia 1% of men
#4c8bdc Deuteranopia 1% of men
#c87077 Tritanopia 0.001% of the population

Trichromacy

#6e67f9 Protanomaly 1% of men, 0.01% of women
#7f6ae3 Deuteranomaly 6% of men, 0.4% of women
#ce59a3 Tritanomaly 0.01% of the population

#d831f0 hex color

#d831f0 Color Information

#d831f0 Color Conversion

Color Schemes with #d831f0

Alternatives to #d831f0

#d831f0 Preview

Shades and Tints of #d831f0

Tones of #d831f0

Color Blindness Simulator