#de63fd hex color

In a RGB color space, hex #de63fd is composed of 87.1% red, 38.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 60.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 287.9 degrees, a saturation of 97.5% and a lightness of 69%. #de63fd color hex could be obtained by blending #ffc6ff with #bd00fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 87
- G 39
- B 99
RGB color chart
- C 12
- M 61
- Y 0
- K 1
CMYK color chart

● #de63fd color description : Soft magenta.

The hexadecimal color #de63fd has RGB values of R:222, G:99, B:253 and CMYK values of C:0.12, M:0.61, Y:0, K:0.01. Its decimal value is 14574589.

Hex triplet	de63fd	`#de63fd`
RGB Decimal	222, 99, 253	`rgb(222,99,253)`
RGB Percent	87.1, 38.8, 99.2	`rgb(87.1%,38.8%,99.2%)`
CMYK	12, 61, 0, 1
HSL	287.9°, 97.5, 69	`hsl(287.9,97.5%,69%)`
HSV (or HSB)	287.9°, 60.9, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.967, 69.385, -55.8
XYZ	52.314, 31.547, 96.257
xyY	0.29, 0.175, 31.547
CIE-LCH	62.967, 89.038, 321.193
CIE-LUV	62.967, 48.408, -97.949
Hunter-Lab	56.167, 67.962, -62.292
Binary	11011110, 01100011, 11111101

#de63fd
```
#de63fd rgb(222,99,253)
```
#82fd63
```
#82fd63 rgb(130,253,99)
```

Complementary Color

#9163fd
```
#9163fd rgb(145,99,253)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#fd63cf
```
#fd63cf rgb(253,99,207)
```

Analogous Color

#63fd91
```
#63fd91 rgb(99,253,145)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#cffd63
```
#cffd63 rgb(207,253,99)
```

Split Complementary Color

#63fdde
```
#63fdde rgb(99,253,222)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#fdde63
```
#fdde63 rgb(253,222,99)
```

Triadic Color

#6382fd
```
#6382fd rgb(99,130,253)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#fdde63
```
#fdde63 rgb(253,222,99)
```
#82fd63
```
#82fd63 rgb(130,253,99)
```

Tetradic Color

#ce17fc
```
#ce17fc rgb(206,23,252)
```
#d331fc
```
#d331fc rgb(211,49,252)
```
#d94afd
```
#d94afd rgb(217,74,253)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#e37cfd
```
#e37cfd rgb(227,124,253)
```
#e995fe
```
#e995fe rgb(233,149,254)
```
#eeaffe
```
#eeaffe rgb(238,175,254)
```

Monochromatic Color

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

#b863fd
```
#b863fd rgb(184,99,253)
```
#c463fd
```
#c463fd rgb(196,99,253)
```
#d163fd
```
#d163fd rgb(209,99,253)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#eb63fd
```
#eb63fd rgb(235,99,253)
```
#f863fd
```
#f863fd rgb(248,99,253)
```
#fd63f6
```
#fd63f6 rgb(253,99,246)
```

Similar Colors

Text with hexadecimal color #de63fd

This text has a font color of #de63fd.

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

#de63fd background color

This paragraph has a background color of #de63fd.

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

#de63fd border color

This element has a border color of #de63fd.

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

CSS codes

.text {color:#de63fd;}

.background {background-color:#de63fd;}

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

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

#0f0012
```
#0f0012 rgb(15,0,18)
```
#1e0026
```
#1e0026 rgb(30,0,38)
```
#2e0139
```
#2e0139 rgb(46,1,57)
```
#3d014c
```
#3d014c rgb(61,1,76)
```
#4d0160
```
#4d0160 rgb(77,1,96)
```
#5c0173
```
#5c0173 rgb(92,1,115)
```
#6c0287
```
#6c0287 rgb(108,2,135)
```
#7b029a
```
#7b029a rgb(123,2,154)
```
#8b02ad
```
#8b02ad rgb(139,2,173)
```
#9a02c1
```
#9a02c1 rgb(154,2,193)
```
#aa03d4
```
#aa03d4 rgb(170,3,212)
```
#b903e7
```
#b903e7 rgb(185,3,231)
```
#c903fb
```
#c903fb rgb(201,3,251)
```

Shade Color Variation

#ce16fc
```
#ce16fc rgb(206,22,252)
```
#d229fc
```
#d229fc rgb(210,41,252)
```
#d63cfd
```
#d63cfd rgb(214,60,253)
```
#da50fd
```
#da50fd rgb(218,80,253)
```
#de63fd
```
#de63fd rgb(222,99,253)
```
#e276fd
```
#e276fd rgb(226,118,253)
```
#e68afd
```
#e68afd rgb(230,138,253)
```
#ea9dfe
```
#ea9dfe rgb(234,157,254)
```
#eeb0fe
```
#eeb0fe rgb(238,176,254)
```
#f2c4fe
```
#f2c4fe rgb(242,196,254)
```
#f7d7fe
```
#f7d7fe rgb(247,215,254)
```
#fbebff
```
#fbebff rgb(251,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#b2acb4
```
#b2acb4 rgb(178,172,180)
```
#b6a6ba
```
#b6a6ba rgb(182,166,186)
```
#baa0c0
```
#baa0c0 rgb(186,160,192)
```
#bd9ac6
```
#bd9ac6 rgb(189,154,198)
```
#c194cc
```
#c194cc rgb(193,148,204)
```
#c58ed2
```
#c58ed2 rgb(197,142,210)
```
#c887d9
```
#c887d9 rgb(200,135,217)
```
#cc81df
```
#cc81df rgb(204,129,223)
```
#cf7be5
```
#cf7be5 rgb(207,123,229)
```
#d375eb
```
#d375eb rgb(211,117,235)
```
#d76ff1
```
#d76ff1 rgb(215,111,241)
```
#da69f7
```
#da69f7 rgb(218,105,247)
```
#de63fd
```
#de63fd rgb(222,99,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a78ead Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#6e9ded Deuteranopia 1% of men
#ce8b94 Tritanopia 0.001% of the population

Trichromacy

#9686fe Protanomaly 1% of men, 0.01% of women
#9688f3 Deuteranomaly 6% of men, 0.4% of women
#d47cba Tritanomaly 0.01% of the population

#de63fd hex color

#de63fd Color Information

#de63fd Color Conversion

Color Schemes with #de63fd

Alternatives to #de63fd

#de63fd Preview

Shades and Tints of #de63fd

Tones of #de63fd

Color Blindness Simulator