#d020f4 hex color

In a RGB color space, hex #d020f4 is composed of 81.6% red, 12.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 86.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 289.8 degrees, a saturation of 90.6% and a lightness of 54.1%. #d020f4 color hex could be obtained by blending #ff40ff with #a100e9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 82
- G 13
- B 96
RGB color chart
- C 15
- M 87
- Y 0
- K 4
CMYK color chart

● #d020f4 color description : Vivid magenta.

The hexadecimal color #d020f4 has RGB values of R:208, G:32, B:244 and CMYK values of C:0.15, M:0.87, Y:0, K:0.04. Its decimal value is 13639924.

Hex triplet	d020f4	`#d020f4`
RGB Decimal	208, 32, 244	`rgb(208,32,244)`
RGB Percent	81.6, 12.5, 95.7	`rgb(81.6%,12.5%,95.7%)`
CMYK	15, 87, 0, 4
HSL	289.8°, 90.6, 54.1	`hsl(289.8,90.6%,54.1%)`
HSV (or HSB)	289.8°, 86.9, 95.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.924, 86.322, -67.019
XYZ	42.856, 20.977, 87.375
xyY	0.283, 0.139, 20.977
CIE-LCH	52.924, 109.285, 322.175
CIE-LUV	52.924, 54.227, -112.596
Hunter-Lab	45.8, 86.875, -81.049
Binary	11010000, 00100000, 11110100

#d020f4
```
#d020f4 rgb(208,32,244)
```
#44f420
```
#44f420 rgb(68,244,32)
```

Complementary Color

#6620f4
```
#6620f4 rgb(102,32,244)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#f420ae
```
#f420ae rgb(244,32,174)
```

Analogous Color

#20f466
```
#20f466 rgb(32,244,102)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#aef420
```
#aef420 rgb(174,244,32)
```

Split Complementary Color

#20f4d0
```
#20f4d0 rgb(32,244,208)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#f4d020
```
#f4d020 rgb(244,208,32)
```

Triadic Color

#2044f4
```
#2044f4 rgb(32,68,244)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#f4d020
```
#f4d020 rgb(244,208,32)
```
#44f420
```
#44f420 rgb(68,244,32)
```

Tetradic Color

#9f09be
```
#9f09be rgb(159,9,190)
```
#b40bd6
```
#b40bd6 rgb(180,11,214)
```
#c80cef
```
#c80cef rgb(200,12,239)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#d538f5
```
#d538f5 rgb(213,56,245)
```
#da51f6
```
#da51f6 rgb(218,81,246)
```
#df69f8
```
#df69f8 rgb(223,105,248)
```

Monochromatic Color

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

#9b20f4
```
#9b20f4 rgb(155,32,244)
```
#ad20f4
```
#ad20f4 rgb(173,32,244)
```
#be20f4
```
#be20f4 rgb(190,32,244)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#e220f4
```
#e220f4 rgb(226,32,244)
```
#f320f4
```
#f320f4 rgb(243,32,244)
```
#f420e3
```
#f420e3 rgb(244,32,227)
```

Similar Colors

Text with hexadecimal color #d020f4

This text has a font color of #d020f4.

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

#d020f4 background color

This paragraph has a background color of #d020f4.

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

#d020f4 border color

This element has a border color of #d020f4.

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

CSS codes

.text {color:#d020f4;}

.background {background-color:#d020f4;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110114
```
#110114 rgb(17,1,20)
```
#200227
```
#200227 rgb(32,2,39)
```
#300339
```
#300339 rgb(48,3,57)
```
#40044c
```
#40044c rgb(64,4,76)
```
#4f055f
```
#4f055f rgb(79,5,95)
```
#5f0671
```
#5f0671 rgb(95,6,113)
```
#6f0784
```
#6f0784 rgb(111,7,132)
```
#7f0797
```
#7f0797 rgb(127,7,151)
```
#8e08aa
```
#8e08aa rgb(142,8,170)
```
#9e09bc
```
#9e09bc rgb(158,9,188)
```
#ae0acf
```
#ae0acf rgb(174,10,207)
```
#bd0be2
```
#bd0be2 rgb(189,11,226)
```

Shade Color Variation

#cc0df3
```
#cc0df3 rgb(204,13,243)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#d433f5
```
#d433f5 rgb(212,51,245)
```
#d845f6
```
#d845f6 rgb(216,69,246)
```
#dc58f7
```
#dc58f7 rgb(220,88,247)
```
#e06bf8
```
#e06bf8 rgb(224,107,248)
```
#e47df9
```
#e47df9 rgb(228,125,249)
```
#e890fa
```
#e890fa rgb(232,144,250)
```
#eca3fa
```
#eca3fa rgb(236,163,250)
```
#f0b6fb
```
#f0b6fb rgb(240,182,251)
```
#f3c8fc
```
#f3c8fc rgb(243,200,252)
```
#f7dbfd
```
#f7dbfd rgb(247,219,253)
```
#fbeefe
```
#fbeefe rgb(251,238,254)
```

Tint Color Variation

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

#8f8391
```
#8f8391 rgb(143,131,145)
```
#957a9a
```
#957a9a rgb(149,122,154)
```
#9b71a3
```
#9b71a3 rgb(155,113,163)
```
#a068ac
```
#a068ac rgb(160,104,172)
```
#a65fb5
```
#a65fb5 rgb(166,95,181)
```
#ac56be
```
#ac56be rgb(172,86,190)
```
#b24dc7
```
#b24dc7 rgb(178,77,199)
```
#b844d0
```
#b844d0 rgb(184,68,208)
```
#be3bd9
```
#be3bd9 rgb(190,59,217)
```
#c432e2
```
#c432e2 rgb(196,50,226)
```
#ca29eb
```
#ca29eb rgb(202,41,235)
```
#d020f4
```
#d020f4 rgb(208,32,244)
```
#d617fd
```
#d617fd rgb(214,23,253)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#815e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#2886de Deuteranopia 1% of men
#be6c74 Tritanopia 0.001% of the population

Trichromacy

#4b5df8 Protanomaly 1% of men, 0.01% of women
#6561e6 Deuteranomaly 6% of men, 0.4% of women
#c550a2 Tritanomaly 0.01% of the population

#d020f4 hex color

#d020f4 Color Information

#d020f4 Color Conversion

Color Schemes with #d020f4

Alternatives to #d020f4

#d020f4 Preview

Shades and Tints of #d020f4

Tones of #d020f4

Color Blindness Simulator