#de45fd hex color

In a RGB color space, hex #de45fd is composed of 87.1% red, 27.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 72.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 289.9 degrees, a saturation of 97.9% and a lightness of 63.1%. #de45fd color hex could be obtained by blending #ff8aff with #bd00fb. Closest websafe color is: #cc33ff.

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

● #de45fd color description : Bright magenta.

The hexadecimal color #de45fd has RGB values of R:222, G:69, B:253 and CMYK values of C:0.12, M:0.73, Y:0, K:0.01. Its decimal value is 14566909.

Hex triplet	de45fd	`#de45fd`
RGB Decimal	222, 69, 253	`rgb(222,69,253)`
RGB Percent	87.1, 27.1, 99.2	`rgb(87.1%,27.1%,99.2%)`
CMYK	12, 73, 0, 1
HSL	289.9°, 97.9, 63.1	`hsl(289.9,97.9%,63.1%)`
HSV (or HSB)	289.9°, 72.7, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	58.863, 80.887, -62.357
XYZ	49.98, 26.88, 95.479
xyY	0.29, 0.156, 26.88
CIE-LCH	58.863, 102.133, 322.371
CIE-LUV	58.863, 55.449, -108.086
Hunter-Lab	51.846, 81.345, -72.895
Binary	11011110, 01000101, 11111101

#de45fd
```
#de45fd rgb(222,69,253)
```
#64fd45
```
#64fd45 rgb(100,253,69)
```

Complementary Color

#8245fd
```
#8245fd rgb(130,69,253)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#fd45c0
```
#fd45c0 rgb(253,69,192)
```

Analogous Color

#45fd82
```
#45fd82 rgb(69,253,130)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#c0fd45
```
#c0fd45 rgb(192,253,69)
```

Split Complementary Color

#45fdde
```
#45fdde rgb(69,253,222)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#fdde45
```
#fdde45 rgb(253,222,69)
```

Triadic Color

#4564fd
```
#4564fd rgb(69,100,253)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#fdde45
```
#fdde45 rgb(253,222,69)
```
#64fd45
```
#64fd45 rgb(100,253,69)
```

Tetradic Color

#ca03f3
```
#ca03f3 rgb(202,3,243)
```
#d513fc
```
#d513fc rgb(213,19,252)
```
#da2cfd
```
#da2cfd rgb(218,44,253)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#e25efd
```
#e25efd rgb(226,94,253)
```
#e777fe
```
#e777fe rgb(231,119,254)
```
#eb91fe
```
#eb91fe rgb(235,145,254)
```

Monochromatic Color

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

#b045fd
```
#b045fd rgb(176,69,253)
```
#bf45fd
```
#bf45fd rgb(191,69,253)
```
#cf45fd
```
#cf45fd rgb(207,69,253)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#ed45fd
```
#ed45fd rgb(237,69,253)
```
#fd45fd
```
#fd45fd rgb(253,69,253)
```
#fd45ee
```
#fd45ee rgb(253,69,238)
```

Similar Colors

Text with hexadecimal color #de45fd

This text has a font color of #de45fd.

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

#de45fd background color

This paragraph has a background color of #de45fd.

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

#de45fd border color

This element has a border color of #de45fd.

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

CSS codes

.text {color:#de45fd;}

.background {background-color:#de45fd;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#17001b
```
#17001b rgb(23,0,27)
```
#27012f
```
#27012f rgb(39,1,47)
```
#370142
```
#370142 rgb(55,1,66)
```
#470156
```
#470156 rgb(71,1,86)
```
#580169
```
#580169 rgb(88,1,105)
```
#68017d
```
#68017d rgb(104,1,125)
```
#780290
```
#780290 rgb(120,2,144)
```
#8802a3
```
#8802a3 rgb(136,2,163)
```
#9802b7
```
#9802b7 rgb(152,2,183)
```
#a802ca
```
#a802ca rgb(168,2,202)
```
#b902de
```
#b902de rgb(185,2,222)
```
#c903f1
```
#c903f1 rgb(201,3,241)
```

Shade Color Variation

#d40bfc
```
#d40bfc rgb(212,11,252)
```
#d71efd
```
#d71efd rgb(215,30,253)
```
#db32fd
```
#db32fd rgb(219,50,253)
```
#de45fd
```
#de45fd rgb(222,69,253)
```
#e158fd
```
#e158fd rgb(225,88,253)
```
#e56cfd
```
#e56cfd rgb(229,108,253)
```
#e87ffe
```
#e87ffe rgb(232,127,254)
```
#ec93fe
```
#ec93fe rgb(236,147,254)
```
#efa6fe
```
#efa6fe rgb(239,166,254)
```
#f3b9fe
```
#f3b9fe rgb(243,185,254)
```
#f6cdfe
```
#f6cdfe rgb(246,205,254)
```
#fae0ff
```
#fae0ff rgb(250,224,255)
```
#fdf4ff
```
#fdf4ff rgb(253,244,255)
```

Tint Color Variation

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

#a49ca6
```
#a49ca6 rgb(164,156,166)
```
#a995ad
```
#a995ad rgb(169,149,173)
```
#ae8db5
```
#ae8db5 rgb(174,141,181)
```
#b386bc
```
#b386bc rgb(179,134,188)
```
#b87fc3
```
#b87fc3 rgb(184,127,195)
```
#bc78ca
```
#bc78ca rgb(188,120,202)
```
#c170d2
```
#c170d2 rgb(193,112,210)
```
#c669d9
```
#c669d9 rgb(198,105,217)
```
#cb62e0
```
#cb62e0 rgb(203,98,224)
```
#d05be7
```
#d05be7 rgb(208,91,231)
```
#d453ef
```
#d453ef rgb(212,83,239)
```
#d94cf6
```
#d94cf6 rgb(217,76,246)
```
#de45fd
```
#de45fd rgb(222,69,253)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#997b9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5390ff Protanopia 1% of men
#5494e9 Deuteranopia 1% of men
#cd7c84 Tritanopia 0.001% of the population

Trichromacy

#8574fe Protanomaly 1% of men, 0.01% of women
#8677f0 Deuteranomaly 6% of men, 0.4% of women
#d368b0 Tritanomaly 0.01% of the population

#de45fd hex color

#de45fd Color Information

#de45fd Color Conversion

Color Schemes with #de45fd

Alternatives to #de45fd

#de45fd Preview

Shades and Tints of #de45fd

Tones of #de45fd

Color Blindness Simulator