#de20ff hex color

In a RGB color space, hex #de20ff is composed of 87.1% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 291.1 degrees, a saturation of 100% and a lightness of 56.3%. #de20ff color hex could be obtained by blending #ff40ff with #bd00ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 87
- G 13
- B 100
RGB color chart
- C 13
- M 87
- Y 0
- K 0
CMYK color chart

● #de20ff color description : Vivid magenta.

The hexadecimal color #de20ff has RGB values of R:222, G:32, B:255 and CMYK values of C:0.13, M:0.87, Y:0, K:0. Its decimal value is 14557439.

Hex triplet	de20ff	`#de20ff`
RGB Decimal	222, 32, 255	`rgb(222,32,255)`
RGB Percent	87.1, 12.5, 100	`rgb(87.1%,12.5%,100%)`
CMYK	13, 87, 0, 0
HSL	291.1°, 100, 56.3	`hsl(291.1,100%,56.3%)`
HSV (or HSB)	291.1°, 87.5, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.872, 90.274, -68.279
XYZ	48.689, 23.785, 96.629
xyY	0.288, 0.141, 23.785
CIE-LCH	55.872, 113.188, 322.898
CIE-LUV	55.872, 59.735, -116.565
Hunter-Lab	48.77, 92.855, -83.333
Binary	11011110, 00100000, 11111111

#de20ff
```
#de20ff rgb(222,32,255)
```
#41ff20
```
#41ff20 rgb(65,255,32)
```

Complementary Color

#6f20ff
```
#6f20ff rgb(111,32,255)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#ff20b1
```
#ff20b1 rgb(255,32,177)
```

Analogous Color

#20ff6f
```
#20ff6f rgb(32,255,111)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#b1ff20
```
#b1ff20 rgb(177,255,32)
```

Split Complementary Color

#20ffde
```
#20ffde rgb(32,255,222)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#ffde20
```
#ffde20 rgb(255,222,32)
```

Triadic Color

#2041ff
```
#2041ff rgb(32,65,255)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#ffde20
```
#ffde20 rgb(255,222,32)
```
#41ff20
```
#41ff20 rgb(65,255,32)
```

Tetradic Color

#b300d3
```
#b300d3 rgb(179,0,211)
```
#c900ec
```
#c900ec rgb(201,0,236)
```
#da06ff
```
#da06ff rgb(218,6,255)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#e23aff
```
#e23aff rgb(226,58,255)
```
#e653ff
```
#e653ff rgb(230,83,255)
```
#e96dff
```
#e96dff rgb(233,109,255)
```

Monochromatic Color

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

#a620ff
```
#a620ff rgb(166,32,255)
```
#b920ff
```
#b920ff rgb(185,32,255)
```
#cb20ff
```
#cb20ff rgb(203,32,255)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#f120ff
```
#f120ff rgb(241,32,255)
```
#ff20fb
```
#ff20fb rgb(255,32,251)
```
#ff20e8
```
#ff20e8 rgb(255,32,232)
```

Similar Colors

Text with hexadecimal color #de20ff

This text has a font color of #de20ff.

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

#de20ff background color

This paragraph has a background color of #de20ff.

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

#de20ff border color

This element has a border color of #de20ff.

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

CSS codes

.text {color:#de20ff;}

.background {background-color:#de20ff;}

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

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

#0b000c
```
#0b000c rgb(11,0,12)
```
#1b0020
```
#1b0020 rgb(27,0,32)
```
#2c0034
```
#2c0034 rgb(44,0,52)
```
#3d0047
```
#3d0047 rgb(61,0,71)
```
#4d005b
```
#4d005b rgb(77,0,91)
```
#5e006e
```
#5e006e rgb(94,0,110)
```
#6f0082
```
#6f0082 rgb(111,0,130)
```
#800096
```
#800096 rgb(128,0,150)
```
#9000a9
```
#9000a9 rgb(144,0,169)
```
#a100bd
```
#a100bd rgb(161,0,189)
```
#b200d1
```
#b200d1 rgb(178,0,209)
```
#c200e4
```
#c200e4 rgb(194,0,228)
```
#d300f8
```
#d300f8 rgb(211,0,248)
```

Shade Color Variation

#db0cff
```
#db0cff rgb(219,12,255)
```
#de20ff
```
#de20ff rgb(222,32,255)
```
#e134ff
```
#e134ff rgb(225,52,255)
```
#e447ff
```
#e447ff rgb(228,71,255)
```
#e75bff
```
#e75bff rgb(231,91,255)
```
#ea6eff
```
#ea6eff rgb(234,110,255)
```
#ed82ff
```
#ed82ff rgb(237,130,255)
```
#ef96ff
```
#ef96ff rgb(239,150,255)
```
#f2a9ff
```
#f2a9ff rgb(242,169,255)
```
#f5bdff
```
#f5bdff rgb(245,189,255)
```
#f8d1ff
```
#f8d1ff rgb(248,209,255)
```
#fbe4ff
```
#fbe4ff rgb(251,228,255)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#968798
```
#968798 rgb(150,135,152)
```
#9c7ea1
```
#9c7ea1 rgb(156,126,161)
```
#a276a9
```
#a276a9 rgb(162,118,169)
```
#a86db2
```
#a86db2 rgb(168,109,178)
```
#ae65ba
```
#ae65ba rgb(174,101,186)
```
#b45cc3
```
#b45cc3 rgb(180,92,195)
```
#ba53cc
```
#ba53cc rgb(186,83,204)
```
#c04bd4
```
#c04bd4 rgb(192,75,212)
```
#c642dd
```
#c642dd rgb(198,66,221)
```
#cc3ae5
```
#cc3ae5 rgb(204,58,229)
```
#d231ee
```
#d231ee rgb(210,49,238)
```
#d829f6
```
#d829f6 rgb(216,41,246)
```
#de20ff
```
#de20ff rgb(222,32,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#88628e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3988ff Protanopia 1% of men
#368de7 Deuteranopia 1% of men
#cb7178 Tritanopia 0.001% of the population

Trichromacy

#7562ff Protanomaly 1% of men, 0.01% of women
#7365f0 Deuteranomaly 6% of men, 0.4% of women
#d253a9 Tritanomaly 0.01% of the population

#de20ff hex color

#de20ff Color Information

#de20ff Color Conversion

Color Schemes with #de20ff

Alternatives to #de20ff

#de20ff Preview

Shades and Tints of #de20ff

Tones of #de20ff

Color Blindness Simulator